ExtJs6.0 更新當前tab頁

TabPanel

• 創建TabPanel

tabPanel =  Ext.create("Ext.TabPanel",{
    renderTo: 'countDiv',
    id: 'count_tab',
    width: "100%",
    height: "100%",
    enableTabScroll:true,
    activeTab: 0,
    items: [ 
        {
             title:"試驗總表(在職)",
             height: "100%",
             /*html:  "<iframe style='overflow:auto;width:100%; height:100%;' src='"
                    + "http://123.124.79.197:8088/jor/reportviewer?file=C:/java_project/juttec_base/report2/試驗總表(在職).xml"
                    + "' frameborder='0'></iframe>'"*/
             html: '<iframe style="overflow:auto;width:100%; height:100%;" src="' 
                + basePath + 'app/emp_manage/emp_count/emp_count_filter.jsp?type=trial1' +'"frameborder="0"></iframe>'
        },

    ],
    listener: {//添加事件監聽，實現不同的操作
        'tabchange': function() {

        },
        'beforeshow': function() {

        }
    },
}

//添加事件，和上面的listener效果一樣
tabPanel.on('activate', function(tab) {

});

• 更新當前的tab頁面

//html爲要更新的內容，可以是iframe等內容
Ext.getCmp('count_tab').activeTab.body.update(html);