OpenAuth.Net/OpenAuth.Mvc/wwwroot/userJs/assignResource.js

layui.config({
    base: "/js/"
}).use(['form','vue', 'ztree', 'layer', 'jquery', 'table','utils'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery;
    var table = layui.table;
    var id = $.getUrlParam("id");      //待分配的id
    var type = $.getUrlParam("type");      //待分配的id
   
   
    //主列表加载，可反复调用进行刷新
    var config= {};  //table的参数，如搜索key，点击tree的id
    var mainList = function(options) {
        if (options != undefined) {
            $.extend(config, options);
        }
        table.reload('mainList',
            {
                url: '/Resources/Load',
                response: {
                    statusCode: 200 //规定成功的状态码，默认：0
                } ,
                where: config,
                done: function(res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    var url = "/Resources/LoadForUser";
                    if (type.indexOf("Role") != -1) {
                        url = "/Resources/LoadForRole";
                    }

                    $.ajax(url,
                        {
                            async: false
                            , data: {
                                firstId: id
                                , appid: ""  //暂时不做左边的应用列表树
                            }
                            , dataType: 'json'
                            ,success: function(json) {
                                if (json.Code == 500) return;
                                var roles = json.Result;
                                //循环所有数据，找出对应关系，设置checkbox选中状态
                                for (var i = 0; i < res.data.length; i++) {
                                    for (var j = 0; j < roles.length; j++) {
                                        if (res.data[i].Id != roles[j]) continue;

                                        //这里才是真正的有效勾选
                                        res.data[i]["LAY_CHECKED"] = true;
                                        //找到对应数据改变勾选样式，呈现出选中效果
                                        var index = res.data[i]['LAY_TABLE_INDEX'];
                                        $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]')
                                            .prop('checked', true);
                                        $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]')
                                            .next().addClass('layui-form-checked');
                                    }

                                }

                                //如果构成全选
                                var checkStatus = table.checkStatus('mainList');
                                if (checkStatus.isAll) {
                                    $('.layui-table-header th[data-field="0"] input[type="checkbox"]')
                                        .prop('checked', true);
                                    $('.layui-table-header th[data-field="0"] input[type="checkbox"]').next()
                                        .addClass('layui-form-checked');
                                }
                            }
                        });


                }
            });
    };

    mainList();
   
    //分配及取消分配
    table.on('checkbox(list)', function (obj) {
        console.log(obj.checked); //当前是否选中状态
        console.log(obj.data); //选中行的相关数据
        console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one

        var url = "/AccessObjs/Assign";
        if (!obj.checked) {
            url = "/AccessObjs/UnAssign";
        }
        $.post(url, { type: type, firstId: id, secIds: [obj.data.Id] }
                       , function (data) {
                           layer.msg(data.Message);
                       }
                      , "json");
    });
    //监听页面主按钮操作 end
})