首页 > 代码库 > 跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据：
// 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据
getMenus : function() {
var items = [];
var menuData = http://www.mamicode.com/this.get('systemMenu'); // 取得定义好的菜单数据> 其中的 handler : ‘onMainMenuClick‘,就是在点击了菜单以后，去执行 MainController.js中的 onMainMenuClick 函数。修改一下MainController.js 文件，先引入Module.jsuses : ['app.view.module.Module'],
再修改里面的函数：
// 选择了主菜单上的菜单后执行
onMainMenuClick : function(menuitem) {
var maincenter = this.getView().down('maincenter');
maincenter.setActiveTab(maincenter.add({
xtype : 'modulepanel',
closable : true,
reorderable : true
}));
}这样每单击一次菜单，都会生成一个Module,并把他放到tabPanel之中去。
下面再看看tabPanel之中的另一个功能，在tab上点右键，会有一个弹出式菜单。
这里面有一些功能可以使用，可关闭，表示当前tab可以被关掉，在名字上方有一个Ｘ，如果取消可关闭，Ｘ就会消失，另外登录时自动打开和最多打开的功能现在还没做好。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。