完成分类列表处理

OpenAuth.Mvc/BllScripts/categoryManager.js

@@ -11,74 +11,13 @@
 // <summary>分类管理</summary>
 // ***********************************************************************
 
-//grid列表模块
-function MainGrid() {
-    var url = '/CategoryManager/Load?parentId=';
-    var selectedId = '00000000-0000-0000-0000-000000000000';  //ztree选中的模块
-    this.maingrid = $('#maingrid').datagrid({
-        showToolbar: false,
-        loadType: 'GET',
-        filterThead: false,
-        target: $(this),
-        columns: [
-            {name: 'Id',label: '资源表ID',hide: true},
-            {
-                name: 'CascadeId',
-                label: '节点语义ID',
-                width: 100
-            },
-            {
-                name: 'Name',
-                label: '名称',
-                width: 100
-            },
-            {
-                name: 'ParentId',
-                label: '父节点流水号',
-                width: 100
-            },
-            {
-                name: 'Status',
-                label: '当前状态',
-                width: 100,
-                align: 'center',
-                items: [{ '0': '默认' }, { '1': '删除' }]
-            },
-            {
-                name: 'SortNo',
-                label: '排序号',
-                width: 100,
-                align: 'center',
-            },
-            {
-                name: 'RootKey',
-                label: '从属行业标识',
-                width: 100
-            },
-            {
-                name: 'RootName',
-                label: '从属行业名称',
-                width: 100
-            },
-        ],
-        dataUrl: url + selectedId,
-        fullGrid: true,
-        showLinenumber: true,
-        showCheckboxcol: true,
-        paging: true,
-        filterMult: false,
-        showTfoot: false,
-      
+$(function () {
+    $("#ParentName").on("click", function () {
+        parent.reload();
     });
-    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 ztree = function () {
     var url = '/CategoryManager/LoadForTree';
     var setting = {
@@ -95,39 +34,106 @@ var ztree = function () {
                 rootPId: 'null'
             }
         },
-        callback: { onClick: zTreeOnClick }
+        callback: {
+            onClick: function (event, treeId, treeNode) {
+                list.reload(treeNode.Id);
+            }
+        }
     };
-    $.getJSON(url, function (json) {
-        $.fn.zTree.init($("#tree"), setting, json).expandAll(true);
-    });
-    function zTreeOnClick(event, treeId, treeNode) {
-        list.reload(treeNode.Id);
-    }
+    var load = function () {
+        $.getJSON(url, function (json) {
+            var zTreeObj = $.fn.zTree.init($("#orgtree"), setting, json);
+            list.reload();
+            zTreeObj.expandAll(true);
+        });
+    };
+    load();
 
     return {
-        reload:function() {
-            $.getJSON(url, function (json) {
-                 $.fn.zTree.init($("#tree"), setting, json).expandAll(true);
-            });
-        }
+        reload: load
     }
 }();
 
+//grid列表模块
+function MainGrid() {
+    var url = '/CategoryManager/Load?parentId=';
+    var selectedId = '00000000-0000-0000-0000-000000000000';  //ztree选中的模块
+    this.maingrid = $('#maingrid')
+        .jqGrid({
+            colModel: [
+                {
+                    name: 'Id',
+                    index: 'Id',
+                    hidden: true
+                },
+                {
+                    index: 'CascadeId',
+                    name: 'CascadeId',
+                    label: '节点语义ID'
+                },
+                {
+                    index: 'Name',
+                    name: 'Name',
+                    label: '分类名称'
+                },
+                {
+                    index: 'ParentName',
+                    name: 'ParentName',
+                    label: '上级分类'
+                },
+                 {
+                     index: 'ParentId',
+                     name: 'ParentId',
+                     hidden: true
+                 },
 
-//编辑时，选择上级弹出的树
-var parentTree = function () {
-    var nameDom = "#ParentName";
-    var idDom = "#ParentId";
+                {
+                    index: 'SortNo',
+                    name: 'SortNo',
+                    label: '排序号'
+
+                }
+            ],
+            url: url + selectedId,
+            datatype: "json",
+
+            viewrecords: true,
+            rowNum: 18,
+            pager: "#grid-pager",
+            altRows: true,
+            height: 'auto',
+            multiselect: true,
+            multiboxonly: true,
+
+            loadComplete: function () {
+                var table = this;
+                setTimeout(function () {
+                    updatePagerIcons(table);
+                },
+                    0);
+            }
+        }).jqGrid('navGrid', "#grid-pager", {
+            edit: false, add: false, del: false, refresh: false, search: false
+        });
+
+    this.reload = function (id) {
+        if (id != undefined) selectedId = id;
+        this.maingrid.jqGrid("setGridParam", { url: url + selectedId })
+            .trigger("reloadGrid", [{ page: 1 }]);  //重载JQGrid
+
+    };
+};
+MainGrid.prototype = new Grid();
+var list = new MainGrid();
+var vm = new Vue({
+    el: '#editDlg'
+});
+
+//上级机构选择框
+var parent = function () {   //ztree搜索框
     var zTreeObj;
     var setting = {
-        view: {
-            selectedMulti: false
-        },
-        check: {
-            enable: true,
-            chkStyle: "radio",  //单选
-            radioType: "all"
-        },
+        view: { selectedMulti: false },
         data: {
             key: {
                 name: 'Name',
@@ -141,112 +147,113 @@ var parentTree = function () {
             }
         },
         callback: {
-            onClick: zTreeOnClick,
-            onCheck: zTreeCheck
+            onClick: onClick
         }
     };
+    var showMenu = function () {
+        $("#menuContent").css({ left: "10px", top: $("#ParentName").outerHeight() + "px" }).slideDown("fast");
+        $("body").bind("mousedown", onBodyDown);
+    };
+    function onClick(e, treeId, treeNode) {
+        var nodes = zTreeObj.getSelectedNodes();
 
-    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);
+        for (var i = 0, l = nodes.length; i < l; i++) {
+            vm.$set('ParentName', nodes[i].Name);
+            vm.$set('ParentId', nodes[i].Id);
+            break;
+        }
+        hideMenu();
     }
-    function zTreeOnClick(event, treeId, treeNode) {
-        zTreeObj.checkNode(treeNode, !treeNode.checked, true, true);
-        event.preventDefault();
+    function onBodyDown(event) {
+        if (!(event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
+            hideMenu();
+        }
+    }
+    function hideMenu() {
+        $("#menuContent").fadeOut("fast");
+        $("body").unbind("mousedown", onBodyDown);
     }
-
     return {
-        show:function() {
-            $.getJSON('/CategoryManager/LoadForTree', 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));  //显示名称
+        reload: function () {
+            var index = layer.load();
+            $.getJSON("/CategoryManager/LoadForTree", {
+                page: 1, rows: 10000
+            }, function (json) {
+                layer.close(index);
+                if (json.length == 0) {
+                    vm.$set('ParentName', '');
+                    vm.$set('ParentId', '');
+                    return;
                 }
+                zTreeObj = $.fn.zTree.init($("#org"), setting, json);
                 zTreeObj.expandAll(true);
+                showMenu();
             });
         }
-    };
+    }
 }();
 
 //添加（编辑）对话框
 var editDlg = function () {
     var update = false;
     var show = function () {
-        BJUI.dialog({ id: 'editDlg', title: '分类管理', target: '#editDlg' });
-        $("#btnSave").on("click", function() {
-            editDlg.save();
+        layer.open({
+            type: 1,
+            skin: 'layui-layer-rim', //加上边框
+            title: "用户管理", //不显示标题
+            area: ['400px', '300px'], //宽高
+            content: $('#editDlg'), //捕获的元素
+            btn: ['保存', '关闭'],
+            yes: function (index, layero) {
+                $.post("/CategoryManager/Add", vm.$data, function (data) {
+                    layer.msg(data.Message);
+                    if (data.Status) {
+                        list.reload();
+                        ztree.reload();
+                    }
+                }, "json");
+            },
+            cancel: function (index) {
+                layer.close(index);
+            }
         });
     }
     return {
         add: function () {  //弹出添加
             update = false;
             show();
-            $.CurrentDialog.find("form")[0].reset();  //reset方法只能通过dom调用
-            $("#Id").val('00000000-0000-0000-0000-000000000000');
-            $("#SortNo").val(0);
-            parentTree.show();
+            vm.$set('$data', {
+                Id: '00000000-0000-0000-0000-000000000000',
+                SortNo: 0
+            });
         },
         update: function (ret) {  //弹出编辑框
             update = true;
             show();
-            $("#Id").val(ret.Id);
-            $("#Name").val(ret.Name);
-            $("#ParentId").val(ret.ParentId);
-            $('#Status').selectpicker('val', ret.Status);
-            $("#SortNo").val(ret.SortNo);
-            $("#RootKey").val(ret.RootKey);
-            $("#RootName").val(ret.RootName);
-            parentTree.show();
-        },
-        save: function() {  //编辑-->保存
-            $('#editForm').isValid(function (v) {
-                if (!v) return;  //验证没通过
-                $("#editForm").bjuiajax('ajaxForm', {
-                    reload: false,
-                    callback: function (json) {
-                        if (json.statusCode == "400") {
-                            $(this).alertmsg('warn', json.message);
-                            return null;
-                        }
-                        list.reload();
-                        ztree.reload();
-                    }
-                });
-            });
+            vm.$set('$data', ret);
         }
     };
 }();
 
-
 //删除
 function del() {
-    var selected = list.getSelectedObj();
+    var selected = list.getSelectedProperties("Id");
     if (selected == null) return;
 
-    $.post('/CategoryManager/Delete?Id=' + selected.Id, function (data) {
-        if (data.statusCode == "200") {
+    $.post('/CategoryManager/Delete',
+    { ids: selected }, 
+    function (data) {
+        if (data.Status) {
             list.reload();
             ztree.reload();
         }
         else {
-            $(this).alertmsg('warn', data.message);
+            layer.msg(data.Message);
         }
     }, "json");
 }
 
-//编辑
+//自定义的编辑按钮
 function edit() {
     var selected = list.getSelectedObj();
     if (selected == null) {
@@ -255,14 +262,10 @@ function edit() {
     editDlg.update(selected);
 }
 
-//添加
 function add() {
     editDlg.add();
 }
 
-//刷新
 function refresh() {
     list.reload();
-}
-
-//@@ sourceURL=categoryManager.js
+}

OpenAuth.Mvc/BllScripts/grid.js

@@ -13,16 +13,17 @@
 // ***********************************************************************
 
 function Grid() {
-    this.maingrid = undefined;
+   
     this.selectObjs = function () {
         var ids = this.maingrid.jqGrid('getGridParam', 'selarrrow');
         if (ids.length == 0) {
             return null;
         }
         var ret = new Array();
+        var maingrid = this.maingrid;
         $(ids).each(function () {
-            var obj = this.maingrid.jqGrid('getRowData', this);
-            ret.push(obj.Account);
+            var obj =maingrid.jqGrid('getRowData', this);
+            ret.push(obj);
         });
         return ret;
     };

OpenAuth.Mvc/BllScripts/orgManager.js

@@ -4,7 +4,7 @@
     });
 });
 
-//左边分类导航树
+//左边导航
 var ztree = function () {
     var url = '/OrgManager/LoadOrg';
     var setting = {
@@ -212,6 +212,7 @@ var editDlg = function () {
             show();
             vm.$set('$data', null);
             vm.$set('Id', '00000000-0000-0000-0000-000000000000');
+            vm.$set('SortNo', 0);
         },
         update: function (ret) {  //弹出编辑框
             update = true;
@@ -252,6 +253,4 @@ function add() {
 
 function refresh() {
     list.reload();
-}
-
-//@@ sourceURL=OrgManager.js
+}