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为空,如果是顶级菜单,则上级菜单置空。

    文件夹菜单:

     顶级菜单:

  好了今天菜单的功能就先介绍到此地,祝大家生活愉快!

 

posted on 2016-07-20 09:17  rookey  阅读(2857)  评论(5编辑  收藏  举报

导航