Rookey.Frame之菜单设置
在上一篇博文 Rookey.Frame企业级快速开发框架开源了 中我们介绍了Rookey.Frame极速开发框架的最新更新及开源介绍,后面慢慢介绍该框架的使用方法,本人文笔不好,写得不够好的地方请大家见谅。
今天主要给大家介绍菜单功能的使用,一般功能模块开发完成,首先要做的第一步就是配置菜单,在Rookey.Frame框架中菜单配置支持自定义配置和通用配置。
在介绍之前先说明下,之前有园友担心Rookey.Frame开源框架会随着人用的人多会慢慢开始收费或者是卖源码,我在这里告诉大家,Rookey.Frame开源框架任何时候都不会收费或者卖源码或卖半成品,一定会将其开源到底,至于更新我会按自己的时间来安排,毕竟我自己也是有工作要做的,如果更新的慢也请大家理解。
好了,废话完了我们来正式介绍菜单的功能
先看下面的截图:
通用菜单配置:
上图中菜单名称,显示名称就不说了,有的可能觉得有个菜单名称就够了,为啥还要个显示名称,菜单名称是TitleKey字段,本框架中大部分模块都有个TitleKey字段,该字段在模块中是唯一的不允许重复的,但很多时候系统的菜单在界面显示的时候可能在中间发生改变,老板觉得叫另外的名字比较好,这时开发人员必须就得改,如果没有菜单显示字段,遇到重复的菜单名称就麻烦了,所以才有了显示菜单这个字段,这个字段可以随便取,允许重复。
针对通用菜单菜单URL均为空,必须要选定模块
自定义菜单配置:
自定义模块,则相反, URL自定义,模块不需要选
我们看下/Scripts/common/Main.js中如下代码:
//单击菜单 function TreeNodeOnClick(node, dom) { var title = node.text; if (!node.children) { //子菜单 if (!node.attribute) return; var url = node.attribute.url; if (url) { //自定义url菜单 if (url.indexOf("?") > -1) url += "&"; else url += "?" url += 'mId=' + node.id; if (node.attribute.obj && node.attribute.obj.isNewWinOpen) { //新窗口中打开 window.open(url); } else { //在框架的标签页中打开 AddTab(null, title, url); } } else { //通用模块菜单 var moduleId = node.attribute.obj.moduleId; var moduleName = node.attribute.obj.moduleName; if (node.attribute.obj && (moduleId || moduleName)) { var gridUrl = "/Page/Grid.html?page=grid"; if (moduleId) { gridUrl += "&moduleId=" + moduleId; } else if (moduleName) { gridUrl += "&moduleName=" + moduleName; } gridUrl += "&r=" + Math.random(); AddTab(null, title, gridUrl); } } } else { //文件夹菜单 $(dom).tree('toggle', node.target); } }
通用上面代码我们可以看出菜单没有自定义URL时系统会自动转向 /Page/Grid.html
另外针对文件夹菜单需要注意的是叶子节点不能勾选,模块不选,URL为空,如果是顶级菜单,则上级菜单置空。
文件夹菜单:
顶级菜单:
好了今天菜单的功能就先介绍到此地,祝大家生活愉快!