Ext.tab.Panel 的监听
Ext.define('App.view.Manager', {
extend : 'Ext.tab.Panel',
...
requires : [
/** 引入Controller类 **/
'App.view.ManagerController'
],
controller : 'managerController',
items : [ {
title : '第一个页面',
iconCls : 'fa-user',
html : '第一个页面的内容'
}, {
title : '第二个页面',
iconCls : 'fa-user',
html : '第二个页面的内容'
}],
listeners : {
/** beforetabchange 与 boxready 这两个函数就可以实现刷新不返回初始页面 **/
beforetabchange : 'beforetabchange',
boxready : 'boxready'
}
});
Ext.tab.Panel 的控制器类
Ext.define('App.view.ManagerController', {
extend : 'Ext.app.ViewController',
alias : 'controller.managerController',
beforetabchange : function(tabs, newTab, oldTab) {
this.redirectTo(newTab.getId());
},
boxready : function() {
var token = Ext.util.History.getToken();
if (token != '') {
this.view.setActiveTab(token);
}
}
});