<!--这里使用Tab标签页做了几个尝试,首先是出现标签页;然后是标签页可用性设置;接着是标签页的内容控制,从外部导入以及引用其他的页面。xcl-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/css/tab.css" />
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
</head>
<body>
<script>
Ext.onReady(function(){
var ta = "<html><body>只是美丽我们回不到那天</body></html>";//尝试了在外部引入html
var tabs = new Ext.TabPanel({
renderTo:'tabs1',
activeTab:0,
items:[
{title:'tab1',html:'<input type="button" onclick=fun() value="click"></input>'},
{title:'tab2',html:'Another'},
{title:'tab3',id:'tab3',disabled:true,html:ta}, //设置开始时不可用
{title:'tab4',html:'<div><iframe src ="http://localhost:8080/GridPortal1.0" height="600" width="100%"></iframe></div>'} //尝试引入了一个iframe
]
});
});
function fun(){
alert("ok");
Ext.getCmp('tab3').disabled = false;//设置tab3标签页可用
}
</script>
<div id='tabs1'></div>
</body>
</html>
分享到:
相关推荐
Ext编写的列表页面,支持编辑,排序等功能
ext 多个tab页多行显示 ext 多个tab页多行显示 ext 多个tab页多行显示
一个很好的Ext标签Tab. 兼容Firefox 和 IE浏览器。
运用EXT技术编写的班级通讯录,PHP+MYSQL数据库,页面及数据库编码均为UTF8。通讯录界面是用EXT默认皮肤风格完成,清新自然,无刷新添加、删除通讯录数据,每列可拖动宽度,并且可以更换显示位置,程序附有数据库...
NULL 博文链接:https://wuzijingaip.iteye.com/blog/563217
竖向标签TabPanel-------------------------------------------------
Ext.net Enter实现Tab功能
我博文 Ext下多tab的延迟加载问题.docx 文章里的原文。
bTabs是一款以多标签页加载页面的jquery Tabs插件。bTabs可以方便的和bootstrap2和bootstrap3集成使用,通过简单配置即可让页面变为Ext、EasyUI之类多标签页模式,丰富业务展示模式。
Ext是一个很不错的Ajax框架,可以用来开发带有华丽外观的胖客户端应用,使得我们的b/...ExtJS是一个用javascript编写,与后台技术无关的前端ajax框架。因此,可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中。
extjs4.2.1 tabPanel刷新及关闭标签
Extjs标签库,里面各种标签,很实用,有例子,有代码
ext js 页面自动刷新教程集合 ext js 页面自动刷新教程集合
EXT的标签库及examples,里边内容多多哟!
EXT 如何画出页面,主要是js.如果还需要其它,我会整理后上传
们针对Ext 框架进行再封装,将配置项写在div 标签上,根据对应的xtyp 自动 构造ext对象。开发人员可以不用深入掌握Ext框架,只需要开发者编写少量的 html 代码,也可以做出很炫的页面。当然你也可以使用new Ext 的...
一个使用 ext 编写的类似于 Windows 系统的操作页面 里面有 一些 GRID ,TAB的实例 material文件夹是主要代码 其他的在EXTJS文件夹
ext技术各页面设计源代码:ext技术各页面设计源代码;ext技术各种页面设计源代码
NULL 博文链接:https://taink.iteye.com/blog/774228
Ext是一个强大的js类库,主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据...