在修改权限的时候会碰到权限的回显,首先要将所有的权限取出进行展示,然后再根据角色已有的权限进行相应的回显。这里的回显用的是弹框,在弹框中利用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": '无数据&