extjs6.2 Ext.tab.Panel刷新页面,不回到初始页面

来源:互联网 发布:电商cps导购网站源码 编辑:程序博客网 时间:2024/06/04 19:12

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);        }    }});
原创粉丝点击