extjs之动态刷新活动的tab页

Ext.define('Business.view.businessRequest.BrUnitRuleTabPanel',{
extend:'Ext.tab.Panel',
border:false,
id:'brUnitRuleTabPanel',
iconCls:'application_side_list',
alias : 'widget.brUnitRuleTabPanel',
initComponent: function() {
var unitRuleTabPanel = this;
Ext.apply(this, {
layout : 'border',
defaults : {
collapsible : false,
split : true,
bodyStyle : 'padding:0px'
},
items: [
{

title: '关联交易/步骤',

id:'gljybzGrid',
xtype:'brUnitFunctionSteprulePanel'

},
{

title: '规则影响分析',

id:'gzyxfxGrid',
xtype:'brUnitRuleEffectPanel'

},
{

title: '影响范围（关联）',

id:'yxfwglGrid',
xtype:'brUnitRuleEffectscopePanel'

}
]
});

/**
* 业务规则更改时调用的方法
* @param id
*/
this.refreshTabDate = function(id){
//把规则模块的id赋给unitRuleTabPanel的属性
unitRuleTabPanel.selectBrUnitRuleId = id;
//获得活动中的Tab页
var activeTabPanel = unitRuleTabPanel.getActiveTab();
//刷新数据
activeTabPanel.selectBrUnitRuleId = id;
//如果在活动中的tab页中有refreshDate方法
if(activeTabPanel.refreshDate){
//执行refreshDate()方法，方法一般写刷刷新的store
activeTabPanel.refreshDate();
}
};
/**
* tab改变，刷新tab中数据
*/
unitRuleTabPanel.on('tabchange',function(tabPanel,newCard,oldCard,eOpts){
var activeTabPanel = tabPanel.getActiveTab();
//比对选中的tab的ruleId是否是先前的ruleId，如果不是就刷新
if(unitRuleTabPanel.selectBrUnitRuleId != activeTabPanel.selectBrUnitRuleId){
//把当前的ruleId赋给活动Tab的ruleId
activeTabPanel.selectBrUnitRuleId = unitRuleTabPanel.selectBrUnitRuleId;
if(activeTabPanel.refreshDate){
activeTabPanel.refreshDate();
}
}
});
this.callParent(arguments);
}
});

需要在关联交易/步骤、 '规则影响分析、影响范围模块中添加refreshDate();方法刷新模块中的store;
各个模块中的stroe需要在beforeLoad之前加ruleId传到后台执行查询 www.zzzyk.com
    listeners : {
    beforeload : {
    fn : function(store, options) {
    var brUnitRuleId = Ext.getCmp('brUnitRuleTabPanel').selectBrUnitRuleId;
    Ext.apply(store.proxy.extraParams, {
    'pageNum' : this.pageNum,
    'pageSize': this.pageSize,
    'effectName':this.condition,
    'ruleId':brUnitRuleId
    });
    }
    }
    }

作者：woshiyjk

补充：web前端 , JavaScript ,