权限管理之复选框回显 (Layui框架)

本文介绍了在使用Layui框架进行权限管理时,如何实现复选框的回显功能。在修改权限场景中,首先获取所有权限列表并展示,接着根据角色已有权限设置对应的复选框状态。通过弹框内的表格展示数据,并在点击修改时查询角色权限,动态勾选相关复选框。
摘要由CSDN通过智能技术生成

在修改权限的时候会碰到权限的回显,首先要将所有的权限取出进行展示,然后再根据角色已有的权限进行相应的回显。这里的回显用的是弹框,在弹框中利用table来展示数据。
第一步,在加载页面的同时将弹框写好,避免每点击一次编辑就请求一次接口。
效果图:
效果图
代码:

layui.config({base: '/js/base/'}).use(['table', 'jquery', 'form'], function () {

    var $ = layui.jquery, table = layui.table, form = layui.form, utils = layui.utils;

    table.render({
        elem:'#permissionTable',
        url:"http://localhost:8080/permission",
        height:600,
        width:1000,
        title:'权限表',
        // totalRow:true,
        page:false,
        parseData:function (res) {
            if(res.data == "[]"){
                //显示无数据提示内容
                return {
                    "code": 201, //解析接口状态
                    "msg": '无数据&
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值