菜单-角色权限的操作

晴丶空

于 2018-07-07 10:40:07 发布

阅读量6.8k

点赞数

CC 4.0 BY-SA版权

文章标签： extjs4.2 extjs权限管理实现 extjs的Window添加两个panel

本文链接：https://blog.youkuaiyun.com/gbp_anl/article/details/80949406

本文介绍了如何在ExtJS4.2中实现菜单与角色的权限管理。主要内容包括创建menu_role表来记录关系，界面展示角色-菜单对应关系，以及通过Ext.window.Window添加两个panel进行操作。在双击事件中，将选中的菜单和角色ID传递给后台，处理添加/移除权限，并通过store.load()刷新界面以更新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上一篇文章中讲解了菜单，角色，用户等管理信息的展示以及基本的查询等功能，
此片文章主要讲解菜单-角色权限管理的实现
首先在讲解菜单-角色权限之前，我们的创建一张表记录菜单和角色之间管理关系的表
menu_role，该表记录了角色id和菜单id外加操作时间和操作人信息等，
先看看界面原型：
菜单-角色原型界面

在主界面上可以增加一列用来直观的展示角色-菜单的对应关系，该关系时通过他们的menu_role表在后台代码组装成的，没存储到对应表中

在原型界面上最后一列的操作栏，可以对选中的一行的角色赋/撤销菜单权限。
这里写图片描述

这个弹框是创建一个Ext.window.Window

var win = Ext.create('Ext.window.Window',{
        id:"deptAndGroups",
        title:'<span style="color:black">部门与菜单关系</span>'+'&nbsp;&nbsp;(<font color="red">'+deptName+