在上一篇博文 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为空，如果是*菜单，则上级菜单置空。
文件夹菜单：
*菜单：
好了今天菜单的功能就先介绍到此地，祝大家生活愉快！