OpenAuth.Net/OpenAuth.Mvc/BllScripts/roleManager.js

//左边分类导航树
var orgtree = function () {
    var url = '/OrgManager/LoadOrg';
    var setting = {
        view: { selectedMulti: false },
        data: {
            key: {
                name: 'Name',
                title: 'Name'
            },
            simpleData: {
                enable: true,
                idKey: 'Id',
                pIdKey: 'ParentId',
                rootPId: 'null'
            }
        },
        callback: {
            onClick: function (event, treeId, treeNode) {
                list.reload(treeNode.Id);
            }
        }
    };
    var load = function () {
        $.getJSON(url, function (json) {
            var zTreeObj = $.fn.zTree.init($("#orgtree"), setting, json);
            var firstId;  //tree的第一个ID
            if (json.length > 0) {
                firstId = json[0].Id;
            } else {
                firstId = -1;
            }
            list.reload(firstId);
            zTreeObj.expandAll(true);
        });
    };
    load();

    return {
        reload: load
    }
}();

//grid列表模块
function MainGrid() {
    var url = '/RoleManager/Load?orgId=';
    var selectedId = '00000000-0000-0000-0000-000000000000';  //orgtree选中的模块
    this.maingrid = $('#maingrid').datagrid({
        showToolbar: false,
        filterThead: false,
        target: $(this),
        columns: [
               {
                   name: 'Id',
                   label: '流水号',
                   width: 100
                    , hide: true
               },
               {
                   name: 'Name',
                   label: '角色名称',
                   width: 100
               },
               {
                   name: 'Status',
                   label: '当前状态',
                   width: 100
                     , align: 'center',
                   items: [{ '0': '默认' }, { '1': '状态1' }],
               },
               {
                   name: 'Type',
                   label: '角色类型',
                   width: 100
                     , align: 'center',
                   items: [{ '0': '默认' }, { '1': '状态1' }],
               },
               {
                   name: 'OrgName',
                   label: '所属部门名称',
                   width: 100
               },
        ],
        dataUrl: url + selectedId,
        fullGrid: true,
        showLinenumber: true,
        showCheckboxcol: true,
        paging: true,
        filterMult: false,
        showTfoot: false,
      
    });
    this.reload = function (id) {
        if (id != undefined) selectedId = id;
        this.maingrid.datagrid('reload', { dataUrl: url + selectedId });
    };
};
MainGrid.prototype = new Grid();
var list = new MainGrid();

//编辑时，选择上级弹出的树
var parentTree = function () {
    var nameDom = "#OrgName";
    var idDom = "#OrgId";
    var zTreeObj;
    var setting = {
        view: {
            selectedMulti: false
        },
        check: {
            enable: true,
            chkStyle: "radio",  //单选
            radioType: "all"
        },
        data: {
            key: {
                name: 'Name',
                title: 'Name'
            },
            simpleData: {
                enable: true,
                idKey: 'Id',
                pIdKey: 'ParentId',
                rootPId: 'null'
            }
        },
        callback: {
            onClick: zTreeOnClick,
            onCheck: zTreeCheck
        }
    };

    function zTreeCheck(event, treeId, treeNode) {
        var nodes = zTreeObj.getCheckedNodes(true);
        var ids = nodes.map(function (e) { return e.Id; }).join(",");
        var names = nodes.map(function (e) { return e.Name; }).join(",");

        $(nameDom).val(names);
        $(idDom).val(ids);
    }
    function zTreeOnClick(event, treeId, treeNode) {
        zTreeObj.checkNode(treeNode, !treeNode.checked, true, true);
        event.preventDefault();
    }

    return {
        show: function () {
            $.getJSON('/OrgManager/LoadOrg', function (json) {
                zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
                var orgstr = $(idDom).val();
                var name = '';
                if (orgstr != '') {
                    var nodeIds = orgstr.split(',');
                    $.each(nodeIds, function () {
                        var node = zTreeObj.getNodeByParam("Id", this, null);
                        name += ',' + node.Name;
                        zTreeObj.checkNode(node, true, true);
                    });
                    $(nameDom).val(name.substr(1));  //显示名称
                }
                zTreeObj.expandAll(true);
            });
        }
    };
}();

//添加（编辑）对话框
var editDlg = function () {
    var update = false;
    var show = function () {
        BJUI.dialog({ id: 'editDlg', title: '编辑对话框', target: '#editDlg' });
        $("#btnSave").on("click", function () {
            editDlg.save();
        });
    }
    return {
        add: function () {  //弹出添加
            update = false;
            show();
            $.CurrentDialog.find("form")[0].reset();  //reset方法只能通过dom调用
            $("#Id").val('00000000-0000-0000-0000-000000000000');
            parentTree.show();

        },
        update: function (ret) {  //弹出编辑框
            update = true;
            show();
            $('#Id').val(ret.Id);
            $('#Name').val(ret.Name);
            $('#Status').selectpicker('val', ret.Status);
            $('#Type').selectpicker('val', ret.Type);
            $('#OrgId').val(ret.OrgId);
            $('#OrgName').val(ret.OrgName);
            parentTree.show();
        },
        save: function () {  //编辑-->保存
            $('#editForm').isValid(function (v) {
                if (!v) return;  //验证没通过
                $("#editForm").bjuiajax('ajaxForm', {
                    reload: false,
                    callback: function (json) {
                        if (json.statusCode != "200") {
                            $(this).alertmsg('warn', json.message);
                            return;
                        }
                        list.reload();
                        orgtree.reload();
                    }
                });
            });
        }
    };
}();

//删除
function del() {
    var selected = list.getSelectedObj();
    if (selected == null) return;

    $.getJSON('/RoleManager/Delete?Id=' + selected.Id, function (data) {
        if (data.statusCode == "200") {
            list.reload();
            orgtree.reload();
        }
        else {
            $(this).alertmsg('warn', data.message);
        }
    });
}

//自定义的编辑按钮
function edit() {
    var selected = list.getSelectedObj();
    if (selected == null) {
        return;
    }
    editDlg.update(selected);
}

function add() {
    editDlg.add();
}

function refresh() {
    list.reload();
}

//为角色分配模块
function assignRoleModule(obj) {

    var selected =  list.getSelectedObj();
    if (selected == null) return;

    $(obj).dialog({
        id: 'accessUserOrg',
        url: '/ModuleManager/Assign',
        title: '为角色分配模块',
        width: 620,
        height: 500,
        data: {
            firstId: selected.Id,
            key: "RoleModule"
        }
    });
}

//为角色分配可见机构
function assignRoleOrg(obj) {
    var selected =  list.getSelectedObj();
    if (selected == null) return;

    $(obj).dialog({
        id: 'accessRoleOrg',
        url: '/OrgManager/Assign',
        title: '为角色分配可见部门',
        width: 620,
        height: 500,
        data: {
            firstId: selected.Id,
            key: "RoleAccessedOrg"
        }
    });
}

//为角色分配资源
function openRoleReourceAccess(obj) {
    var selected =  list.getSelectedObj();
    if (selected == null) return;

    $(obj).dialog({
        id: 'assignRes',
        url: '/ResourceManager/AssignRes',
        title: '为角色分配资源',
        width: 600,
        height: 380,
        data: {
            firstId: selected.Id,
            key:"RoleResource"
        }
    });
}

//为角色分配菜单
function assignRoleElement(obj) {
    var selected =  list.getSelectedObj();
    if (selected == null) return;

    $(obj).dialog({
        id: 'accessRoleElement',
        url: '/ModuleElementManager/AssignModuleElement',
        title: '为角色分配菜单',
        width: 600,
        height: 380,
        data: {
            firstId: selected.Id,
            key: "RoleElement"
        }
    });
}

//@@ sourceURL=RoleManager.js