像图上这样,下面的分配权限完全没思路
有哪位以前做过这样类似的模块吗
有的话麻烦教教我或者让我看看源码
感激不尽!
新人请教下各位大神关于权限管理的问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答
- Go 旅城通票 2017-07-17 09:19关注
easyui还是自己写的UI?这个不难吧。。
上面的表格选择按钮新增个属性存储已经分配权限的id,然后点击的时候获取这个属性,然后对比下面列出的权限然后勾上对应的权限就行了,大概代码如下,为了操作方便直接导入jquery了。
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> <table> <tr><td><input type='checkbox' /></td><td>用户编码</td><td>用户名</td><td>备注</td><td>权限</td></tr> <tr><td><input type='checkbox' /></td><td>用户编码1</td><td>用户名1</td><td>备注1</td><td><a href="#" power="1,2,3">选择</a></td></tr> <tr><td><input type='checkbox' /></td><td>用户编码2</td><td>用户名2</td><td>备注2</td><td><a href="#" power="4,5">选择</a></td></tr> <tr><td><input type='checkbox' /></td><td>用户编码3</td><td>用户名3</td><td>备注3</td><td><a href="#" power="5">选择</a></td></tr> </table> <br /><br /> <input type="button" id="btnSave" value="分配" /> <table id="tbPower"> <tr><td><input type='checkbox' /></td><td>权限编码</td><td>权限名称</td></tr> <tr><td><input type='checkbox' value="1" /></td><td>1</td><td>权限名称1</td></tr> <tr><td><input type='checkbox' value="2" /></td><td>2</td><td>权限名称2</td></tr> <tr><td><input type='checkbox' value="3" /></td><td>3</td><td>权限名称3</td></tr> <tr><td><input type='checkbox' value="4" /></td><td>4</td><td>权限名称4</td></tr> <tr><td><input type='checkbox' value="5" /></td><td>5</td><td>权限名称5</td></tr> <tr><td><input type='checkbox' value="6" /></td><td>6</td><td>权限名称6</td></tr> </table> <script> $('a[power]').click(function () { var pw = $(this).attr('power').split(',');//获取power属性并拆分,不懂你权限怎么存储的,如果不是用逗号分隔注意修改分隔符号 var cbs = $('#tbPower :checkbox');//获取权限表的checkbox cbs.prop('checked', false);//去掉勾选 //遍历此用户的权限进行勾选 for (var i = 0; i < pw.length; i++) cbs.filter('[value="'+pw[i]+'"]').prop('checked', true); return false; }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 安装svn网络有问题怎么办
- ¥15 Python爬取指定微博话题下的内容,保存为txt
- ¥15 vue2登录调用后端接口如何实现
- ¥65 永磁型步进电机PID算法
- ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
- ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
- ¥15 latex怎么处理论文引理引用参考文献