使用Jquery+EasyUI 进行框架项目开发案例讲解之五 模块（菜单）管理源码分享

http://www.cnblogs.com/huyong/p/3454012.html

使用Jquery+EasyUI 进行框架项目开发案例讲解之五

模块（菜单）管理源码分享

　　 在上四篇文章

　 《使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享》

　 《使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享》

　 《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享》

　 《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---组织机构源码分享》

　　我们分享了使用Jquery EasyUI来进行ASP.NET项目的开发的相关方法，每一个模块都有其共用性，细细理解与掌握，我相信使用EasyUI进行开发还是相当方便的，每篇文章，我们力求通俗易懂。

　　接下来我分享“模块（菜单）”模块主要的核心代码，“模块（菜单）”管理模块同样使用了EasyUI的TreeGrid控件，对于EasyUI的TreeGrid控件的具体使用方法可以参见上一篇 《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---组织机构源码分享》的说明，或看相关的Easy UI的帮助文件，同时，我们可以看一下如何做模块图标的选择界面，模块（菜单）主界面如下图所示：　　

一、“模块（菜单）”管理主界面UI的ASPX代码如下：

二：绑定当前登录用户所拥有的功能按钮列表代码如下：

三、绑定模块主wldmTreeGrid 的JS代码如下：

四、添加与模块（菜单）主界面　　

　　代码如下：　

　　在模块（菜单）编辑与新增界面上，我们可以设置模块的图标，设置模块图标如下图所示：



　　这个是如何实现的呢？

　　首先准备图标的基页面，截取部分格式如下，保存为一个html文件，如:iconlist.htm：　

　　然后在我们的js中调用这个html做相应的处理即可了，js部分代码为：

五、用户模块（菜单）权限批量设置

　　用户模块（菜单）权限功能项用于设置那些用户可以访问那些模块，那些用户不能访问那些模块。用户模块（菜单）权限设置如下图用户模块（菜单）权限集中设置。左侧列出框架的所有有效用户，右侧为模块（菜单）项，选中相应的模块后保存，即可为当前选中用户授予模块的访问权限。



　　js代码如下：

六、角色模块（菜单）权限批量设置

　　角色模块（菜单）操作权限用于设置那些角色拥有那些操作（功能）权限，那些角色不拥有那些操作（功能）权限。如下图所示，左侧列出框架的所有有效角色，右侧为相应的模块（菜单），选中相应的模块（菜单）后保存，即可为当前选中角色授予相应的模块（菜单）可访问的控制。



　　js部分代码如下：