Ext.TabPanel各属性一覧
Ext.TabPanel各属性一覧
1、主要構成項目:activeTab:初期にアクティブ化されたtab、インデックスまたはid値、デフォルトはnone
2、主な方法:activate(String/Panel tab)getActiveTab():現在アクティブなtab get(String/Number key):コンポーネントidまたはインデックスに基づいてコンポーネントgetItem(String id):tab idに基づいてtab setActiveTab(String/Number item)remove(Component/string component,[Boolean autoDestroy])removeAll([Boolean autoDestroy])を取得する
3、例new Ext.TabPanel({id:[mainTab],renderTo:[div 1],width:500,height:300,activeTab:0,defaults:{autoScroll:true,autoHeight:true,style:[padding:5]},items:[{title:]normal],tabTip:[mormal],html:[tab 1],iconCls:[add]}{title:”ajax1”, autoLoad:”messagebox.action”, iconCls:”delete”}, {title:”ajax2”, autoLoad:{url:”test.action”, params:”p1=v1”, nocache:true}, iconCls:”search”}, {title:”event”, iconCls:”save”, listeners:{activate:activateHandler}} ], enableTabScroll: true });
function activateHandler(tab){ //alert(tab.title); }
var index = 0; function addTab(){ var tabs = Ext.getCmp(“mainTab”); var t = tabs.getItem(“tab”+index); if(t) tabs.remove(t); tabs.add({ id: “tab” + (++index), title: “NewTab” + index, html: “new tab” + index, closable: true }).show(); }
//ボタンがdiv 1要素にレンダリングされる前にnew Ext.Button({text:"add tab",handler:addTab,iconCls:"add"}).render(document.body, “div1”);
TabPanelを使用する場合は、1、Ext.TabPanelの作成時にdeferredRender構成項目が無視されることが多いことに注意してください.この構成項目のデフォルト値はtrueです.trueは、ユーザがタブに初めてアクセスしたときにのみ、そのタブのpanelがレンダリングされることを示します.スクリプト操作タブを使用する可能性がある場合は、この構成項目をfalseに設定することを忘れないでください.
ソース:http://chenjumin.javaeye.com/blog/670734#
1、主要構成項目:activeTab:初期にアクティブ化されたtab、インデックスまたはid値、デフォルトはnone
autoTabs： 'x-tab' div tabs TabPanel ， false。
true ， deferredRender false， applyTo。
deferredRender： ， true。
autoTabSelector： 'div.x-tab'。
resizeTabs： tab ， false。
minTabWidth：tab ， 30。
tabWidth： tab ， 120。
tabTip：tab
tabPosition：tab ， top、bottom， top。
enableTabScroll： Tab ， false。
closable：tab ， false
scrollDuration： ， 0.35 。
scrollIncrement： ， 100 。
wheelIncrement： ， 20 。
2、主な方法:activate(String/Panel tab)getActiveTab():現在アクティブなtab get(String/Number key):コンポーネントidまたはインデックスに基づいてコンポーネントgetItem(String id):tab idに基づいてtab setActiveTab(String/Number item)remove(Component/string component,[Boolean autoDestroy])removeAll([Boolean autoDestroy])を取得する
3、例new Ext.TabPanel({id:[mainTab],renderTo:[div 1],width:500,height:300,activeTab:0,defaults:{autoScroll:true,autoHeight:true,style:[padding:5]},items:[{title:]normal],tabTip:[mormal],html:[tab 1],iconCls:[add]}{title:”ajax1”, autoLoad:”messagebox.action”, iconCls:”delete”}, {title:”ajax2”, autoLoad:{url:”test.action”, params:”p1=v1”, nocache:true}, iconCls:”search”}, {title:”event”, iconCls:”save”, listeners:{activate:activateHandler}} ], enableTabScroll: true });
function activateHandler(tab){ //alert(tab.title); }
var index = 0; function addTab(){ var tabs = Ext.getCmp(“mainTab”); var t = tabs.getItem(“tab”+index); if(t) tabs.remove(t); tabs.add({ id: “tab” + (++index), title: “NewTab” + index, html: “new tab” + index, closable: true }).show(); }
//ボタンがdiv 1要素にレンダリングされる前にnew Ext.Button({text:"add tab",handler:addTab,iconCls:"add"}).render(document.body, “div1”);
TabPanelを使用する場合は、1、Ext.TabPanelの作成時にdeferredRender構成項目が無視されることが多いことに注意してください.この構成項目のデフォルト値はtrueです.trueは、ユーザがタブに初めてアクセスしたときにのみ、そのタブのpanelがレンダリングされることを示します.スクリプト操作タブを使用する可能性がある場合は、この構成項目をfalseに設定することを忘れないでください.
2、 FormPanel TabPanel， TabPanel deferredRender false， ， Load Form ， setValue Panel ， 。 ， deferredRender true，TabPanel Panel ， Panel ， ， ， 。 ， FormPanel TabPanel， TabPanel deferredRender false， TabPanel Layout Panel 。
ソース:http://chenjumin.javaeye.com/blog/670734#