跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
// 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据 getMenus : function() { var items = []; var menuData = this.get('systemMenu'); // 取得定义好的菜单数据 Ext.Array.each(menuData, function(group) { // 遍历菜单项的数组 var submenu = []; // 对每一个菜单项,遍历菜单条的数组 Ext.Array.each(group.items, function(menuitem) { submenu.push({ mainmenu : 'true', moduleName : menuitem.module, text : menuitem.text, icon : menuitem.icon, glyph : menuitem.glyph, handler : 'onMainMenuClick' // MainController中的事件处理程序 }) }) var item = { text : group.text, menu : submenu, icon : group.icon, glyph : group.glyph }; items.push(item); }) return items; }其中的 handler : ‘onMainMenuClick‘,就是在点击了菜单以后,去执行 MainController.js中的 onMainMenuClick 函数。修改一下MainController.js 文件,先引入Module.js
uses : ['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之中去。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。