完成机构与用户管理

OpenAuth.Mvc/Views/OrgManager/AddOrg.cshtml

@@ -24,9 +24,9 @@
                     <td>
                         <input  id="ParentId" name="ParentId" type="hidden">
                         <label for="ParentName" class="control-label x90">上级机构：</label>
-                        <input type="text" name="ParentName" id="ParentName"
-                               value="" data-toggle="lookup" data-url="/OrgManager/LookupParent">
-                    </td>
+                        <input type="text" name="ParentName" id="ParentName" data-toggle="selectztree" size="20" data-tree="#j_select_tree1">
+                        <ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
+</td>
                    
                 </tr>
                 <tr>
@@ -50,3 +50,66 @@
         <li><button type="submit" class="btn-green">保存</button></li>
     </ul>
 </div>
+
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        Init();
+    });
+    function Init() {
+        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
+            }
+        };
+        $.getJSON('OrgManager/LoadOrg', function (json) {
+            var zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
+            zTreeObj.expandAll(true);
+        });
+    }
+
+    function zTreeCheck(e, treeId, treeNode) {
+        var zTree = $.fn.zTree.getZTreeObj(treeId),
+            nodes = zTree.getCheckedNodes(true);
+        var ids = '', names = '';
+        for (var i = 0; i < nodes.length; i++) {
+            ids += ',' + nodes[i].Id;
+            names += ',' + nodes[i].Name;
+        }
+        if (ids.length > 0) {  //去掉第一个逗号
+            ids = ids.substr(1);
+            names = names.substr(1);
+        }
+
+        var $from = $('#' + treeId).data('fromObj');
+        if ($from && $from.length) $from.val(names);
+
+        $('#ParentId').val(ids);
+    }
+    function zTreeOnClick(event, treeId, treeNode) {
+        var zTree = $.fn.zTree.getZTreeObj(treeId);
+        zTree.checkNode(treeNode, !treeNode.checked, true, true);
+        event.preventDefault();
+    }
+</script>

OpenAuth.Mvc/Views/OrgManager/Index.cshtml

@@ -1,11 +1,17 @@
-<div class="bjui-pageContent">
+@{
+    string _prefix = "org";
+    var _treeId = _prefix + "Tree";
+    var _gridId = _prefix + "Grid";
+    var _treeDetail = _prefix + "Detail";
+}
+<div class="bjui-pageContent">
     <div class="clearfix">
         <div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
-            <ul id="orgTree" class="ztree"></ul>
+            <ul id="@_treeId" class="ztree"></ul>
         </div>
 
-        <div id="ztree-detail" style="margin-left: 225px; width: auto;height: auto">
-            <table id="mainGrid" data-width="100%" data-height="100%" class="table table-bordered"></table>
+        <div id="@_treeDetail" style="margin-left: 225px; width: auto;height: auto">
+            <table id="@_gridId" data-width="100%" data-height="100%" class="table table-bordered"></table>
         </div>
     </div>
 </div>
@@ -16,11 +22,11 @@
         Init(0);
     });
     //加载数据到datagrid
-    function loadDataGrid(data) {
+    function LoadOrg(data) {
         //b-jui的datagrid需要重新处理HTML
-        $('#ztree-detail').empty()
-            .append('<table id="mainGrid" data-width="100%" data-height="100%" class="table table-bordered"></table>');
-        $('#mainGrid').datagrid({
+        $('#@_treeDetail').empty()
+            .append('<table id="@_gridId" data-width="100%" data-height="100%" class="table table-bordered"></table>');
+        $('#@_gridId').datagrid({
             gridTitle: '机构列表显示',
             showToolbar: true,
             toolbarItem: 'refresh, |, del,edit',
@@ -100,7 +106,7 @@
         $.getJSON('OrgManager/LoadChildren', {
             id: treeNode.Id
         }, function (json) {
-            loadDataGrid(json);
+            LoadOrg(json);
         });
     }
 
@@ -126,13 +132,13 @@
             }
         };
         $.getJSON('OrgManager/LoadOrg', function (json) {
-            var zTreeObj = $.fn.zTree.init($('#orgTree'), setting, json);
+            var zTreeObj = $.fn.zTree.init($('#@_treeId'), setting, json);
             zTreeObj.expandAll(true);
 
             $.getJSON('OrgManager/LoadChildren', {
                 id: selectedId
             }, function (data) {
-                loadDataGrid(data);
+                LoadOrg(data);
             });
 
             //TODO：设置ztree选中，不过没看到效果..
@@ -145,7 +151,7 @@
     //获取勾选的值
     //column:为从0开始的列标识
     function getSelected(column) {
-        var selected = $('#mainGrid').data('selectedTrs');
+        var selected = $('#@_gridId').data('selectedTrs');
         if (selected == null || selected.length == 0) {
             $(this).alertmsg('warn', '至少选择一个对象', {
                 displayMode: 'slide',

OpenAuth.Mvc/Views/OrgManager/LookupParent.cshtml

@@ -15,7 +15,7 @@
 
         <li>
             <a href="javascript:;" id="btnSelected" data-toggle="lookupback"
-               data-args="{nationid:'A001', nation:'CN'}"
+               data-args=""
                class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
         </li>