权限模块_分配权限_显示树状结构_页面中的选中效果

Posted 未来_我来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了权限模块_分配权限_显示树状结构_页面中的选中效果相关的知识,希望对你有一定的参考价值。

权限模块__分配权限__显示树状结构1

显示树状结构;依赖关系

setPrivilegeUI.jsp

    <!-- 显示权限树 -->
    <td>
        <!--用它回显
        <s:checkboxlist name="privilegeIds" list="#privilegeList" listKey="id" listValue="name"></s:checkboxlist>
    -->
    <%--控制样式 --%>
    <s:iterator value="#privilegeList">
        <input type="checkbox" name="privilegeIds" value="${id }" id="cb_${id}"
        <s:property value="%{id in privilegeIds ? \'checked\' : \'\'}" />                                
    />
    <label for="cb_${id }">${name }</label><%--点文字也能选中 --%>
    <br>
    </s:iterator>
    </td>         

权限模块__分配权限__显示树状结构3

setPrivilegeUI.jsp

Js、css文件导入

    <script language="javascript" src="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.js"></script>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/style/blue/file.css" />
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.css" />

 

setPrivilegeUI.jsp中添加

<!-- 显示树状结构内容 -->
<ul id="tree">
<s:iterator value="#application.topPrivilegeList">
    <li>
        <input type="checkbox" name="privilegeIds" value="${id}" id="cb_${id}" <s:property value="%{id in privilegeIds ? \'checked\' : \'\'}"/> />
        <label for="cb_${id}"><span class="folder">${name}</span></label>
        <ul>
        <s:iterator value="children">
            <li>
                <input type="checkbox" name="privilegeIds" value="${id}" id="cb_${id}" <s:property value="%{id in privilegeIds ? \'checked\' : \'\'}"/> />
                <label for="cb_${id}"><span class="folder">${name}</span></label>
                <ul>
                <s:iterator value="children">
                    <li>
                        <input type="checkbox" name="privilegeIds" value="${id}" id="cb_${id}" <s:property value="%{id in privilegeIds ? \'checked\' : \'\'}"/> />
                        <label for="cb_${id}"><span class="folder">${name}</span></label>
                    </li>
                </s:iterator>
                </ul>
            </li>        
        </s:iterator>
        </ul>
    </li>
</s:iterator>
</ul>


权限模块__分配权限__显示树状结构__页面中的选中效果

setPrivilegeUI.jsp中添加

<script type="text/javascript">
        $(function(){
            // 指定事件处理函数
            $("[name=privilegeIds]").click(function(){
                
                // 当选中或取消一个权限时,也同时选中或取消所有的下级权限
                $(this).siblings("ul").find("input").attr("checked", this.checked);
                
                // 当选中一个权限时,也要选中所有的直接上级权限
                if(this.checked == true){
                    $(this).parents("li").children("input").attr("checked", true);
                }
                
            });
        });
    </script>

以上是关于权限模块_分配权限_显示树状结构_页面中的选中效果的主要内容,如果未能解决你的问题,请参考以下文章

权限模块_使用权限_实现主页面的效果_显示左侧菜单&只显示有权限的菜单项

系统管理模块_部门管理_设计(映射)本模块中的所有实体并总结设计实体的技巧_懒加载异常问题_树状结构

权限模块_使用权限_显示有权限的链接_思路分析_拦截验证每个请求的权限_完善权限的分类_一些细节

项目一众筹网06_01_权限控制角色和权限分配Admin分配RoleRole分配Auth前端jquery实现列表移动过来移动过去有些表是不需要实体类的自然也就不需要做逆向工程sql语句

权限模块_整体方案说明_设计实体&映射实体_实现初始化权限数据的功能

尚硅谷RBAC权限实战视频