所需资料 0人爱怜得舍不得放手 0人收藏 加入菜单 参预到菜单 明确 撤除 主要材质 1080516:面粉 1010208:鸡蛋 1040110:杨汤梨 1040112:莽果 1050401:牛奶 :淡乳皮牛油果肉蛋卷的做法
接纳插件生成SUMMACRUISERY.md
插件地址: gitbook-plugin-summary
跟自身联合学extjs5(32--到场模块和菜单定义[4基于后台新闻更新菜单])
这大器晚成节依照后台传递过来的美食指南分组和菜单定义,以至模块定义来更新4种类型的菜单。 按键菜单和标准菜单的数码格式是同样的,生成的函数都在MainModel.js中,下边将其改一下:
// 根据data.tf_MenuGroups生成菜单条和菜单按钮下面使用的菜单数据
getMenus : function() {
var items = [], me = this;
Ext.Array.each(this.get('tf_MenuGroups'), function(group) { // 遍历菜单项的数组
var submenu = [];
// 对每一个菜单项,遍历菜单条的数组
Ext.Array.each(group.tf_menuModules, function(menuitem) {
// 根据moduleId取得该模块的定义
var module = me.getModuleDefine(menuitem.tf_ModuleId);
// 如果模块存在(或者具有浏览权限,以后加入)
if (module) {
submenu.push({
mainmenu : 'true',
moduleName : module.tf_moduleName,
text : module.tf_title,
icon : module.tf_icon,
glyph : module.tf_glyph,
handler : 'onMainMenuClick' // MainController中的事件处理程序
})
// 如果菜单定义了分隔下一条,那么菜单上加一个分隔线
if (menuitem.tf_addSeparator)
submenu.push('-');
}
})
var item = {
text : group.tf_title,
menu : submenu,
icon : group.tf_iconURL,
glyph : group.tf_glyph
};
items.push(item);
})
return items;
}
树状菜单也要实行改过:
/**
* 树状菜单,显示在主界面的左边
*/
Ext.define('app.view.main.menu.MainMenuTree', {
extend : 'Ext.tree.Panel',
alias : 'widget.mainmenutree',
title : '系统菜单',
rootVisible : false,
lines : false,
initComponent : function() {
this.store = Ext.create('Ext.data.TreeStore', {
root : {
text : '系统菜单',
leaf : false,
expanded : true
}
});
var vm = this.up('app-main').getViewModel()
var menus = vm.get('tf_MenuGroups');
var root = this.store.getRootNode();
for (var i in menus) {
var menugroup = menus[i];
var menuitem = root.appendChild({
text : menugroup.tf_title,
// 节点默认是否展开
expanded : menugroup.tf_expand,
icon : menugroup.tf_iconURL,
glyph : menugroup.tf_glyph
});
for (var j in menugroup.tf_menuModules) {
var menumodule = menugroup.tf_menuModules[j];
var module = vm.getModuleDefine(menumodule.tf_ModuleId);
if (module) {
var childnode = {
moduleId : module.tf_moduleId,
moduleName : module.tf_moduleName,
text : module.tf_title,
leaf : true
};
menuitem.appendChild(childnode);
}
}
}
this.callParent(arguments);
}
})
手风琴式的折叠菜单:
/**
* 折叠式(accordion)菜单,样式可以自己用css进行美化
*/
Ext.define('app.view.main.menu.AccordionMainMenu', {
extend : 'Ext.panel.Panel',
alias : 'widget.mainmenuaccordion',
title : '系统菜单',
layout : {
type : 'accordion',
animate : true
},
initComponent : function() {
this.items = [];
var vm = this.up('app-main').getViewModel();
var menus = vm.get('tf_MenuGroups');
var me = this;
for (var i in menus) {
var menugroup = menus[i];
var accpanel = {
menuAccordion : true,
xtype : 'panel',
title : menugroup.tf_title,
bodyStyle : {
padding : '10px'
},
layout : 'fit',
dockedItems : [{
dock : 'left',
xtype : 'toolbar',
items : []
}],
glyph : menugroup.tf_glyph
};
for (var j in menugroup.tf_menuModules) {
var menumodule = menugroup.tf_menuModules[j];
var module = vm.getModuleDefine(menumodule.tf_ModuleId);
if (module) {
accpanel.dockedItems[0].items.push({
xtype : 'buttontransparent',
text : this.addSpace(module.tf_title, 12),
glyph : module.tf_glyph,
handler : 'onMainMenuClick'
});
}
}
this.items.push(accpanel);
}
this.callParent(arguments);
},
addSpace : function(text, len) {
var result = text;
for (var i = text.length; i < len; i++) {
result += ' ';
}
return result;
}
})
上面看看更修正后的标准:由到现在日相继模块分组下的模块都并未有参预,独有“系统一管理理”下有4个模块,因而有个别菜单组下是无菜单的。在之后无菜单的菜系组将会被删除。
前几节讲了简便易行的前后台交互作用创建体系主页和菜单的事例,在那以前,笔者把在Top区域“设置”中又扩充了某些剧情:扩充了一个金额单位显示地方的安装,朝气蓬勃种是将金额单位出示在数值之后,还应该有风度翩翩种是体现在列头上,在数值中不显示。
下载地址:
这之中包含了到现行反革命告竣的全部extjs的改动,java代码,种种配置文件和数据库。jar包假如找不齐的能够下载作者的extjs4各类文章中的示例工程,里面皆有(由于自个儿时间有限,工程搭建不正常请自行参照博客清除,祝我们国庆开心)
])跟笔者一齐学extjs5(32--出席模块和菜单定义[4依照后台新闻更新菜单]State of Qatar那焕发青新岁根...
在菜单中投入文件
在菜单中步向 客户指南 MAAMG GTKDOWN文件, 并纠正该公文的标题为
# 用户指南
......
跟作者一块学extjs5(32--加入模块和菜单定义[4改良菜单(源码下载卡塔尔(قطر])
本文由皇家国际在线开户-皇家国际在线注册『官网』发布于食品资讯,转载请注明出处:插件说明,奶油果肉蛋卷的做法
关键词: