刷新tabpanel中的子项目内容

tabpanel.get(3).load({ //第一个是get(0),第二个是get(1),依此类推   
    url: 'your-url.php'  
});   
  
//你也可以这样来修改内容   
var mgr = tabpanel.get(3).getUpdater();   
mgr.update({   
        url: "http://myserver.com/index.php",   
        params: {   
            param1: "foo",   
            param2: "bar"  
        }   
});  

 刷新tabpanel中的子项目内容

 

 

在tabpanel中加入listeners事件 实现点击子页面并更新内容

listeners: {
        scope: this,
        //标签改变事件      
        'tabchange ': function(){
            tabPanelReserveInfo.get(0).load({ //第一个是get(0),第二个是get(1),依此类推      
                url: '../../../Ui/Warehouse/ReserveInfo/Components.aspx',
                scripts: true,
                params: {
                    secondLevelStorageId: secondLevelStorageId,
                    thirdLevelStorageId: thirdLevelStorageId,
                    secondLevelStorageName: secondLevelStorageName,
                    thirdLevelStorageName: thirdLevelStorageName
                }
            });
            tabPanelReserveInfo.get(1).load({ //第一个是get(0),第二个是get(1),依此类推      
                url: '../../../Ui/Warehouse/ReserveInfo/Stuff.aspx',
                scripts: true,
                params: {
                    secondLevelStorageId: secondLevelStorageId,
                    thirdLevelStorageId: thirdLevelStorageId,
                    secondLevelStorageName: secondLevelStorageName,
                    thirdLevelStorageName: thirdLevelStorageName
                }
            });
        }
    }

 如果希望 单击某个查询按钮，实现更新可以这样写

 

//buttonSearch查询按钮 单击事件
buttonSearch.on("click", function(){

    var components = tabPanelReserveInfo.get(0).getUpdater();
    components.update({
        url: '../../../Ui/Warehouse/ReserveInfo/Components.aspx',
        scripts: true,
        params: {
            secondLevelStorageId: secondLevelStorageId,
            thirdLevelStorageId: thirdLevelStorageId,
            secondLevelStorageName: secondLevelStorageName,
            thirdLevelStorageName: thirdLevelStorageName
        }
    
    });
    var stuff = tabPanelReserveInfo.get(1).getUpdater();
    stuff.update({
        url: '../../../Ui/Warehouse/ReserveInfo/Stuff.aspx',
        scripts: true,
        params: {
            secondLevelStorageId: secondLevelStorageId,
            thirdLevelStorageId: thirdLevelStorageId,
            secondLevelStorageName: secondLevelStorageName,
            thirdLevelStorageName: thirdLevelStorageName
        }
    
    });