位置: 编程技术 - 正文
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
编辑：rootadmin推荐整理分享etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
基于角色的权限管理一般有5张表构成，如下图，这里我们要实现对角色role进行授权操作，简单来说就是要对rolemenu进行添加操作，这里前端主要用easyui-combobox来实现权限多选。
总体思路是先初始化combobox，绑定所有的权限；然后根据当前的角色获取该角色已经拥有的权限，设置combobox选中这些权限；最后修改好权限了，获取combobox的选中值发送到后端进行保存。
1、控件初始化先是前端html，设置combobox的value是角色id，text是角色name，代码如下：
后端获取系统所有的权限，也就是menu表的记录，代码如下：
2、获取角色当前拥有的权限
前端JS脚本获取当前角色role的id发送到后端获取该角色拥有的权限的id数组，如下：
后端根据前端传来的role的id查询数据库获取对应的权限id返回给客户端，代码如下：
3、提交修改后的角色权限
前端JS脚本获取combobox选中的值发送到后端，记住对combobox值进行escape编码，要以1%2C2%2C3的形式传送，否则到后端就剩一个值了，代码如下：
后端获取前端传过来的值，进行数据库操作，代码如下：
至此，角色授权就实现了，主要有两点要注意，一是对combobox赋多个值的问题，另一个就是获取combobox多个值（1,2,3）后要进行escape编码后再传到后端。效果图如下：
上一篇：jQuery模拟实现的select点击选择效果【附demo源码下载】(jquery model)
下一篇：jQuery Ztree行政地区树状展示(点击加载)(jquery地址)