extjs学习二tabpanel

《extjs学习二tabpanel》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、extjs学习二TabPanel博客分类：EXTEXTCSSJavaScriptJSPHTMLtab面板是布局中用的比较多的。引入ext必须的3个文件：tab.jsp:<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><

3、title>Inserttitlehere

4、xt/css"href="ux/css/TabScrollerMenu.css"/>♂tab.js:Ext.Loader.setConfig({enabled:true});Ext.Loader.setPath('Ext.ux','ux/');Ext.onReady(function(){vartabscrollermenu=Ext.create('Ext.ux.TabScrollerMenu',{

5、ptype:'tabscrollermenu',maxText:15,pageSize:10});vartabs=Ext.create('Ext.tab.Panel',{title:'选项卡面板b',width:400,height:300,collapsible:true,activeTab:0,plugins:[tabscrollermenu],items:[{itemId:'index1',title:'选项卡11',closable:true,autoLoad:{url:'tabFrame.jsp?url=index1.html'}},{tit

6、le:'选项卡2',closable:true,autoLoad:{url:'tabFrame.jsp?url=index2.html'}}],renderTo:Ext.getBody()});Ext.create('Ext.button.Button',{text:'添加选项卡',scope:this,handler:function(){vartab=tabs.add({title:'选项卡'+(tabs.items.length+1),closable:true,autoLoad:{url:'tabFrame.jsp?url=index2.htm

7、l'}});tabs.setActiveTab(tab);},renderTo:Ext.getBody()});Ext.create('Ext.button.Button',{text:'删除选项卡',scope:this,handler:function(){vartab=tabs.getActiveTab();tabs.remove(tab);},renderTo:Ext.getBody()});});♂ux在examples下面可以找到。♂♂index1.html：

8、ansitional//EN""http://www.w3.org/TR/html4/loos