2010/02/23 15:08
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');
});
'개발 이야기 > JavaScript' 카테고리의 다른 글
| [extjs] Ext.MessageBox 클래스의 height가 비정상적으로 길어질때... (0) | 2010/03/03 |
|---|---|
| [extjs] extjs에서 iframe 사용하기 (0) | 2010/03/03 |
| [extjs] TabPanel 사용시 동일한 아이디로 여러번 생성하지 말것 (0) | 2010/02/23 |
| [extjs] xtype 목록 (0) | 2010/02/02 |
| DWR VS prototype.js Ajax performance 비교 (0) | 2009/01/14 |
| [펌] prototype.js 분석 전 알아야 할 자바스크립트 특징 (1) | 2009/01/13 |
