用户可以正常添加

OpenAuth.Mvc/OpenAuth.Mvc.csproj

@@ -175,7 +175,7 @@
     <Content Include="BllScripts\categoryManager.js" />
     <Content Include="BllScripts\formDesign.js" />
     <Content Include="BllScripts\login.js" />
-    <Content Include="js\parentTreeMultiple.js" />
+    <Content Include="js\droptree.js" />
     <Content Include="BllScripts\parentTree.js" />
     <Content Include="BllScripts\processDetail.js" />
     <Content Include="BllScripts\grid.js" />

OpenAuth.Mvc/Views/UserManager/Index.cshtml

@@ -54,19 +54,12 @@
                    placeholder="请输入昵称或姓名" autocomplete="off" class="layui-input">
         </div>
     </div>
-    <div class="layui-form-item">
-        <label class="layui-form-label">所属部门</label>
-        <div class="layui-input-block">
-            <input type="text" name="Name" required lay-verify="required"
-                   placeholder="请输入昵称或姓名" autocomplete="off" class="layui-input">
-        </div>
-    </div>
    
     <div class="layui-form-item">
         <label class="layui-form-label">所属部门</label>
         <div class="layui-input-block">
-            <input id="Organizations" required lay-verify="required" autocomplete="off" class="layui-input"/>
+            <input id="Organizations" name="Organizations" required lay-verify="required" class="layui-input"/>
-            <input id="OrganizationIds" required lay-verify="required"  type="hidden" />
+            <input id="OrganizationIds" name="OrganizationIds" required lay-verify="required"  type="hidden" />
             <div id="menuContent" class="menuContent" style="display: none;">
                 <ul id="org" class="ztree"></ul>
             </div>
@@ -93,6 +86,6 @@
         </div>
     </div>
 </form>
-<script src="/js/parentTreeMultiple.js"></script>
 <script type="text/javascript" src="/layui/layui.js"></script>
+<script src="/js/droptree.js"></script>
 <script type="text/javascript" src="/js/users.js"></script>

OpenAuth.Mvc/js/droptree.js

@@ -0,0 +1,126 @@
+// ***********************************************************************
+// Assembly         : OpenAuth.Mvc
+// Author           : yubaolee
+// Created          : 10-16-2016
+//
+// Last Modified By : yubaolee
+// Last Modified On : 10-16-2016
+// ***********************************************************************
+// <copyright file="droptree.js" company="www.cnblogs.com/yubaolee">
+//     版权所有(C) 2015
+// </copyright>
+// <summary>单击文本框弹出的选择列表,可以多选</summary>
+// ***********************************************************************
+
+layui.define(['jquery', 'layer'], function (exports) {
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var options;
+    var zTreeObj;
+    var setting;
+
+    var showMenu = function () {
+        $("#menuContent").css({ left: "10px", top: $(options.nameDOM).outerHeight() + "px" }).slideDown("fast");
+        $("body").bind("mousedown", onBodyDown);
+    };
+    function hideMenu() {
+        $("#menuContent").fadeOut("fast");
+        $("body").unbind("mousedown", onBodyDown);
+    }
+
+    var setCheck = function () {   //设置初始选中的值
+        zTreeObj.checkAllNodes(false);
+
+        var value = $(options.idDOM).val();
+        if (value == undefined) return;
+        var nodeids = value.split(",");
+        $.each(nodeids,
+            function () {
+                var node = zTreeObj.getNodeByParam("Id", this, null);
+                if (node != null) {
+                    zTreeObj.checkNode(node, true, false);
+                }
+            });
+
+    }
+    function onClick(e, treeId, treeNode) {
+        var nodes = zTreeObj.getSelectedNodes();
+
+        for (var i = 0, l = nodes.length; i < l; i++) {
+            $(options.nameDOM).val(nodes[i].Name);
+            $(options.idDOM).val(nodes[i].Id);
+            break;
+        }
+        hideMenu();
+    }
+    function onCheck(e, 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(",");
+        $(options.nameDOM).val(names);
+        $(options.idDOM).val(ids);
+    }
+
+    function onBodyDown(event) {
+        if (!(event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
+            hideMenu();
+        }
+    }
+
+    var load = function () {
+        var index = layer.load();
+        $.getJSON(options.url,
+            {
+                page: 1, rows: 10000
+            },
+        function (json) {
+            layer.close(index);
+            if (json.length == 0) {
+                $(options.nameDOM).val('');
+                $(options.idDOM).val('');
+                return;
+            }
+            zTreeObj = $.fn.zTree.init($("#org"), setting, json);
+            setCheck();
+            zTreeObj.expandAll(true);
+            showMenu();
+        });
+    }
+
+    exports('droptree', function (url, name, id) {
+        options = {
+            text: 'Name',
+            key: 'Id',
+            parentKey: 'ParentId',
+            nameDOM: name,   //显示的文本框ID，如："#catetoryName"
+            idDOM: id,   //隐藏的文本框，如："#categoryId"
+            url: url
+        }
+        setting = {
+            view: { selectedMulti: true },
+            check: {
+                enable: true,
+                chkStyle: "checkbox",
+                chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
+            },
+            data: {
+                key: {
+                    name: options.text,
+                    title: options.text
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: options.key,
+                    pIdKey: options.parentKey,
+                    rootPId: 'null'
+                }
+            },
+            callback: {
+                onClick: onClick,
+                onCheck: onCheck
+            }
+        };
+        load();
+    });
+});

OpenAuth.Mvc/js/parentTreeMultiple.js

@@ -1,118 +0,0 @@
-// ***********************************************************************
-// Assembly         : OpenAuth.Mvc
-// Author           : yubaolee
-// Created          : 10-16-2016
-//
-// Last Modified By : yubaolee
-// Last Modified On : 10-16-2016
-// ***********************************************************************
-// <copyright file="parentTree.js" company="www.cnblogs.com/yubaolee">
-//     版权所有(C) 2015
-// </copyright>
-// <summary>单击文本框弹出的选择列表,可以多选</summary>
-// ***********************************************************************
-
-function ParentTreeMultiple(url, name, id) {
-    var zTreeObj;
-    var options = {
-        text: 'Name',
-        key: 'Id',
-        parentKey: 'ParentId',
-        nameDOM: name,   //显示的文本框ID，如："#catetoryName"
-        idDOM: id   //隐藏的文本框，如："#categoryId"
-    }
-    var setting = {
-        view: { selectedMulti: true },
-        check: {
-            enable: true,
-            chkStyle: "checkbox",
-            chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
-        },
-        data: {
-            key: {
-                name: options.text,
-                title: options.text
-            },
-            simpleData: {
-                enable: true,
-                idKey: options.key,
-                pIdKey: options.parentKey,
-                rootPId: 'null'
-            }
-        },
-        callback: {
-            onClick: onClick,
-            onCheck: onCheck
-        }
-    };
-    var showMenu = function () {
-        $("#menuContent").css({ left: "10px", top: $("#" + options.nameDOM).outerHeight() + "px" }).slideDown("fast");
-        $("body").bind("mousedown", onBodyDown);
-    };
-
-    var setCheck = function () {   //设置初始选中的值
-        zTreeObj.checkAllNodes(false);
-
-        var value = vm.$get(options.idDOM);
-        if (value == undefined) return;
-        var nodeids = value.split(",");
-        $.each(nodeids,
-            function() {
-                var node = zTreeObj.getNodeByParam("Id", this, null);
-                if (node != null) {
-                    zTreeObj.checkNode(node, true, false);
-                }
-            });
-       
-    }
-    function onClick(e, treeId, treeNode) {
-        var nodes = zTreeObj.getSelectedNodes();
-
-        for (var i = 0, l = nodes.length; i < l; i++) {
-            vm.$set(options.nameDOM, nodes[i].Name);
-            vm.$set(options.idDOM, nodes[i].Id);
-            break;
-        }
-        hideMenu();
-    }
-    function onCheck(e, 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(",");
-
-        vm.$set(options.nameDOM, names);
-        vm.$set(options.idDOM, ids);
-    }
-
-    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 {
-        reload: function (layer, $) {
-            var index = layer.load();
-            $.getJSON(url,
-                {
-                    page: 1, rows: 10000
-                },
-            function (json) {
-                layer.close(index);
-                if (json.length == 0) {
-                    vm.$set(options.nameDOM, '');
-                    vm.$set(options.idDOM, '');
-                    return;
-                }
-                zTreeObj = $.fn.zTree.init($("#org"), setting, json);
-                setCheck();
-                zTreeObj.expandAll(true);
-                showMenu();
-            });
-        }
-    }
-}

OpenAuth.Mvc/js/users.js

@@ -1,6 +1,6 @@
 layui.config({
     base: "/js/"
-}).use(['form', 'ztree', 'layer', 'jquery', 'table'], function () {
+}).use(['form', 'ztree', 'layer', 'jquery', 'table','droptree'], function () {
     var form = layui.form,
 		//layer = parent.layer === undefined ? layui.layer : parent.layer,
         layer  =layui.layer,
@@ -57,9 +57,8 @@ layui.config({
     }();
 
     //上级机构选择框
-    var parent = new ParentTreeMultiple("/UserSession/GetOrgs", "Organizations", "OrganizationIds");
     $("#Organizations").on("click", function () {
-        parent.reload(layer, $);
+        layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
     });
 
     //监听表格复选框选择