我有'tabpanel' - 它是'主'形式(视图)。 在这个'tabpanel'中,我定义了不同的标签 - xtype'panel'。 所以,我有一个'主'(控制器),'主'视图和一些标签视图。 选项卡的视图在“主”视图中引用。在控制器中定义监听器ExtJS
我想在'main'控制器中定义某个孩子面板的'activate'事件的监听者。 我该怎么做?
'主' 控制器:
Ext.define('KP.controller.account.apartment.Main', {
extend: 'Ext.app.Controller',
views: ['account.apartment.Main',
'account.apartment.Requisites'
],
models: ['account.apartment.Requisites'
],
stores: ['account.apartment.Requisites'
],
init: function() {
}
});
'主' 视图:
Ext.define('KP.view.account.apartment.Main', {
extend: 'Ext.window.Window',
alias: 'widget.ApartmentData',
height: 566,
width: 950,
activeItem: 0,
layout: {
type: 'fit'
},
autoShow: false,
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'tabpanel',
activeTab: 0,
deferredRender: true,
items: [
{
xtype: 'RequisitesApartment'
}
]
}
]
});
me.callParent(arguments);
}
});
的子面板RequisitesApartment(视图):
Ext.define('KP.view.account.apartment.Requisites', {
extend: 'Ext.panel.Panel',
alias: 'widget.RequisitesApartment',
id: 'panel_accountrequisites',
height: 350,
width: 1124,
autoScroll: true,
layout: {
type: 'fit'
},
listeners: {
activate: function() {
....load data....
...this listeners I want to push in 'main' controller...
}
},
initComponent: function() {
var me = this;
var grid_store = Ext.create('KP.store.account.apartment.Requisites');
Ext.applyIf(me, {
dockedItems: [
{
xtype: 'gridpanel',
height: 260,
autoScroll: true,
dock: 'bottom',
store: grid_store,
id: 'r_gridFlatParams',
forceFit: true,
columns: [
...some columns....
],
viewConfig: {
}
}
]
});
me.callParent(arguments);
}
});
好了,'apartServList'不能在你的示例代码中发现所以我t会难以跟踪其他人为什么这是正确的答案。我包括在内。也许你可以编辑你的问题。 – sra
请注意,我的示例将您指向标签按钮本身,而不是标签。就我所知,选项卡的激活事件没有冒泡到面板上,不是吗? – sra
我编辑了我的答案,在'panel'xtype中有'activate'事件。 – Oleg