<HTML>
<HEAD>
<TITLE>使用EXT输出HelloWorld</TITLE>
<!-- 导入extjs配置 … ... -->
<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext/ext-all.js"></script>
<script type="text/javascript">
function renderPanel(p){
alert(p.title+"被渲染了");
}
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
var tp = new Ext.TabPanel({
activeTab:1,
tabPosition: 'top',
bbar:[{text: '添加选项',handler:function(){
tp.add({title: '面板+'});
}},{text: '删除选项',handler:function(){
var t = tp.getActiveTab();
tp.remove(t);
}}],
items:[{xtype: 'panel' ,title: '面板一', html: '1111',
listeners:{
render:function(){
alert(this.title);
}
}},
{title: '面板二', autoLoad: 'new.html',listeners:{
render:renderPanel
}},
{title: '面板三', closable:true}]
});
new Ext.Viewport({layout: 'fit', items:tp});
});
</script>
</HEAD>
<body id="form">
</body>
</HTML>
TabPanel的使用介绍
最新推荐文章于 2021-08-03 14:55:19 发布
455
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
