extjs 3.1.1
아래코드에서 addTab() 메소드를 실행시 tab이 추가됩니다.
이때 만약 같은 ID의 tab이 있다면 extjs는 새로운 탭을 추가하는게 아니라 자동으로 동일한 id를 가진 tab을 활성화 해줍니다.
하지만 그렇게 사용하게 될 경우 tab에서 getCmp()등을 사용하게 되면 정상적으로 작동하지 않습니다.
아무래도 container와 관련이 있는듯 싶지만 정확한 원인은 저도 아직 잘 모릅니다.
만약 이미 존재하는 탭을 다시 활성화 시켜야 할 경우 꼭 setActiveTab() 메소드를 사용하시기 바랍니다.
Ext.onReady(function(){
var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
width:600,
height:250,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});
// tab generation code
var index = 0;
while(index < 7){
addTab();
}
function addTab(){
tabs.add({
title: 'New Tab ' + (++index),
iconCls: 'tabs',
html: 'Tab Body ' + (index) + '<br/><br/>'
+ Ext.example.bogusMarkup,
closable:true
}).show();
}
new Ext.Button({
text: 'Add Tab',
handler: addTab,
iconCls:'new-tab'
}).render(document.body, 'tabs');
});
Trackback URL : http://westzero.net/trackback/65
당신의 의견을 작성해 주세요.