Ext tab

예제

var tab = new Ext.TabPanel({
activeTab: 0,//첫 번째 Tab의 내용을 기본적으로 표시합니다.
plain:false,/True는tab 후보 표시줄에 배경 그림이 없음(기본값false)
        height : height-120,
        items: [{
           title: 'XXX',
           items : [girdInfoXXX]
            //closable: true,
//html:'이것은 닫을 수 있는 탭입니다',
            //listeners: { activate: handleActivate },
        }, {
           title: 'XXX',
           items : [girdInfoXXX]
/html:'나는 또 다른 탭이야'
        }, {
           title: 'XXX',
           items : [girdInfoXXX]
/html:'이것은 탭입니다',
        }]
});

//tab를 누르면 발생하는 이벤트
function handleActivate(tab) {
//alert(tab.title +':activated 이벤트 촉발.');
}

tab의 동적 추가 및 삭제

// tab
    var test = Ext.getCmp("XXX");
    test.add({title:'test',
        id:'test',
        html:"test "
        //,closable:true
    });
    test.setActiveTab(0);// 
    console.log(test);

    // tab
    var tab = test.getActiveTab();
    test.remove(tab);

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Extjs6 treepanel 자동 오른쪽 버그

Extjs 버전: 6.2.0.981 문제 해결 방법 출처: https://www.sencha.com/forum/showthread.php?330686-Sencha-Architect-amp-ExtJS-6-TreePan...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Ext tab

예제

tab의 동적 추가 및 삭제

좋은 웹페이지 즐겨찾기