优化部分JS前端模块，后期统一按此结构调整

OpenAuth.Mvc/Views/ModuleElementManager/AssignForRole.cshtml

@@ -1,18 +1,15 @@
-@{
-    string _prefix = "assignForRole";
-    var _treeId = _prefix + "Tree";
-    var _gridId = _prefix + "Grid";
-    var _treeDetail = _prefix + "Detail";
-}
-<div class="bjui-pageHeader">
+<div class="bjui-pageHeader">
     <div class="bjui-searchBar">
         <input style="display: none" id="roleId" value="@ViewBag.RoleId" />
         <div class="pull-right">
             <div class="alert alert-info search-inline">
                 <i class="fa fa-info-circle"></i> 点击行为单选，点击复选框可多选统一授权
             </div>&nbsp;
-            <button type="button" class="btn-green" data-num="1" data-icon="plus" onclick="assign()">
-                授权选中项目
+            <button type="button" class="btn btn-green" data-num="1" data-icon="plus" id="btnAccess">
+                授权选中
+            </button>&nbsp;
+            <button type="button" class="btn btn-danger" data-num="1" data-icon="trash" id="btnDelAccess">
+                取消授权
             </button>&nbsp;
         </div>
     </div>
@@ -21,114 +18,13 @@
 <div class="bjui-pageContent tableContent">
     <div class="clearfix">
         <div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
-            <ul id="@_treeId" class="ztree"></ul>
+            <ul id="tree" class="ztree"></ul>
         </div>
 
-        <div id="@_treeDetail" style="margin-left: 225px;">
+        <div style="margin-left: 225px;">
+            <table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>
         </div>
     </div>
 </div>
-
-<script type="text/javascript">
-    var gridid = '#@_gridId';
-    var selectedId = 0;
-    $(document).ready(function () {
-        initZtree();
-        loadDataGrid();
-    });
-    //加载数据到datagrid
-    function loadDataGrid() {
-        //b-jui的datagrid需要重新处理HTML
-        $('#@_treeDetail').empty()
-            .append('<table id="@_gridId" class="table table-bordered table-hover table-striped table-top"></table>');
-
-        $(gridid).datagrid({
-            showToolbar: false,
-            filterThead: false,
-            columns: [
-                  {
-                      name: 'Id',
-                      label: '元素名称',
-                      hide: true
-                  },
-               {
-                   name: 'Name',
-                   label: '元素名称',
-                   width: 80
-               },
-               {
-                   name: 'ModuleName',
-                   label: '所属模块',
-                   width: 80
-               },
-               {
-                   name: 'Accessed',
-                   label: '是否已经授权',
-                   type: 'select',
-                   align: 'center',
-                   items: [{ 'false': '未授权', 'true': '已授权' }],
-                   width: 80
-               }
-            ],
-            dataUrl: '/ModuleElementManager/LoadForRole?orgId=' + selectedId +'&roleId='+$('#roleId').val(),
-            fullGrid: true,
-            showLinenumber: true,
-            showCheckboxcol: true,
-            paging: true,
-            filterMult: false,
-            showTfoot: false
-        });
-    }
-
-    function zTreeOnClick(event, treeId, treeNode) {
-        selectedId = treeNode.Id;
-        loadDataGrid();
-    }
-
-    function initZtree() {
-        var setting = {
-            view: { selectedMulti: false },
-            data: {
-                key: {
-                    name: 'Name',
-                    title: 'Name'
-                },
-                simpleData: {
-                    enable: true,
-                    idKey: 'Id',
-                    pIdKey: 'ParentId',
-                    rootPId: 'null'
-                }
-            },
-            callback: { onClick: zTreeOnClick }
-        };
-        $.getJSON('/ModuleManager/LoadForRole',
-            { roleId: $('#roleId').val() },
-            function (json) {
-            var zTreeObj = $.fn.zTree.init($('#@_treeId'), setting, json);
-            zTreeObj.expandAll(true);
-        });
-    }
-
-    //授权选中的
-    function assign() {
-        var selected = getSelectedMany(gridid, 2);
-        if (selected == null) return;
-      
-        $.post("/ModuleElementManager/AssignForRole",
-        {
-            roleId: $('#roleId').val(),
-            moduleId: selectedId,
-            menuIds: selected
-        },
-       function (data) {
-           refreshGrid();
-       });
-    }
-
-    function refreshGrid() {
-        $('#@_gridId').datagrid('refresh');
-        // loadDataGrid();
-    }
-    //@@ sourceURL=ModuleManagerIndex.js
-</script>
+<script src="~/BllScripts/grid.js"></script>
+<script src="~/BllScripts/roleModuleElement.js"></script>

OpenAuth.Mvc/Views/ModuleElementManager/AssignForUser.cshtml

@@ -1,18 +1,15 @@
-@{
-    string _prefix = "assignForUser";
-    var _treeId = _prefix + "Tree";
-    var _gridId = _prefix + "Grid";
-    var _treeDetail = _prefix + "Detail";
-}
-<div class="bjui-pageHeader">
+<div class="bjui-pageHeader">
     <div class="bjui-searchBar">
         <input style="display: none" id="userId" value="@ViewBag.UserId" />
         <div class="pull-right">
             <div class="alert alert-info search-inline">
                 <i class="fa fa-info-circle"></i> 点击行为单选，点击复选框可多选统一授权
             </div>&nbsp;
-            <button type="button" class="btn-green" data-num="1" data-icon="plus" onclick="assign()">
-                授权选中项目
+            <button type="button" class="btn btn-green" data-num="1" data-icon="plus" id="btnAccess">
+                授权选中
+            </button>&nbsp;
+            <button type="button" class="btn btn-danger" data-num="1" data-icon="trash" id="btnDelAccess">
+                取消授权
             </button>&nbsp;
         </div>
     </div>
@@ -21,111 +18,13 @@
 <div class="bjui-pageContent tableContent">
     <div class="clearfix">
         <div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
-            <ul id="@_treeId" class="ztree"></ul>
+            <ul id="tree" class="ztree"></ul>
         </div>
 
-        <div id="@_treeDetail" style="margin-left: 225px;">
+        <div style="margin-left: 225px;">
+            <table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>
         </div>
     </div>
 </div>
-
-<script type="text/javascript">
-    var selectedId = 0;
-    $(document).ready(function () {
-        initZtree();
-        loadDataGrid();
-    });
-    //加载数据到datagrid
-    function loadDataGrid() {
-        //b-jui的datagrid需要重新处理HTML
-        $('#@_treeDetail').empty()
-            .append('<table id="@_gridId" class="table table-bordered table-hover table-striped table-top"></table>');
-
-        $('#@_gridId').datagrid({
-            showToolbar: false,
-            filterThead: false,
-            columns: [
-                  {
-                      name: 'Id',
-                      label: '元素名称',
-                      hide: true
-                  },
-               {
-                   name: 'Name',
-                   label: '元素名称',
-                   width: 80
-               },
-               {
-                   name: 'ModuleName',
-                   label: '所属模块',
-                   width: 80
-               },
-               {
-                   name: 'Accessed',
-                   label: '是否已经授权',
-                   type: 'select',
-                   align: 'center',
-                   items: [{ 'false': '未授权', 'true': '已授权' }],
-                   width: 80
-               }
-            ],
-            dataUrl: '/ModuleElementManager/LoadForUser?orgId=' + selectedId + '&userId=' + $('#userId').val(),
-            fullGrid: true,
-            showLinenumber: true,
-            showCheckboxcol: true,
-            paging: true,
-            filterMult: false,
-            showTfoot: false
-        });
-    }
-
-    function zTreeOnClick(event, treeId, treeNode) {
-        selectedId = treeNode.Id;
-        loadDataGrid();
-    }
-
-    function initZtree() {
-        var setting = {
-            view: { selectedMulti: false },
-            data: {
-                key: {
-                    name: 'Name',
-                    title: 'Name'
-                },
-                simpleData: {
-                    enable: true,
-                    idKey: 'Id',
-                    pIdKey: 'ParentId',
-                    rootPId: 'null'
-                }
-            },
-            callback: { onClick: zTreeOnClick }
-        };
-        $.getJSON('/ModuleManager/LoadForUser?userId=' + $('#userId').val(), function (json) {
-            var zTreeObj = $.fn.zTree.init($('#@_treeId'), setting, json);
-            zTreeObj.expandAll(true);
-        });
-    }
-
-    //授权选中的
-    function assign() {
-        var selected = getSelectedMany('#@_gridId', 2);
-        if (selected == null) return;
-
-        $.post("/ModuleElementManager/AssignForUser",
-        {
-            userId: $('#userId').val(),
-            moduleId:selectedId,
-            menuIds: selected
-        },
-       function (data) {
-           refreshGrid();
-       });
-    }
-
-    function refreshGrid() {
-        $('#@_gridId').datagrid('refresh');
-        // loadDataGrid();
-    }
-    //@@ sourceURL=ModuleManagerIndex.js
-</script>
+<script src="~/BllScripts/grid.js"></script>
+<script src="~/BllScripts/userModuleElement.js"></script>

OpenAuth.Mvc/Views/ModuleElementManager/Index.cshtml

@@ -17,7 +17,7 @@
     </div>
     <div class="bjui-pageContent" style="padding-top: 30px">
         <input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
-        <table id="maingrid" class="table table-bordered"></table>
+        <table id="moduleEleList" class="table table-bordered"></table>
     </div>
     <div class="bjui-pageFooter">
         <ul>
@@ -27,12 +27,12 @@
 </div>
 
 <!--编辑对话框-->
-<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
+<div class="bjui-dialog hidden bjui-dialog-container" id="editEleDlg" data-noinit="true">
     <div class="bjui-pageContent">
 
         <form class="pageForm" data-toggle="validate" id="editElementForm" 
               action="/ModuleElementManager/AddOrEditButton">
-            <input type="text" id="Id" value="" class="hidden" />
+            <input type="text" id="Id" name="Id" value="" class="hidden" />
             <input id="ModuleId" name="ModuleId" class="hidden" />
             <table class="table table-condensed table-hover">
                 <tbody>
@@ -83,7 +83,7 @@
                     <tr>
                         <td>
                             <label for="Remark" class="control-label x120">备注：</label>
-                            <input type="text" id="Remark" name="Remark" value="" data-rule="required" size="20"/>
+                            <input type="text" id="Remark" name="Remark" value="" size="20"/>
                         </td>
                     </tr>
                     <tr>
@@ -109,7 +109,7 @@
     <div class="bjui-pageFooter">
         <ul>
             <li><button type="button" class="btn-close">关闭</button></li>
-            <li><button type="submit" class="btn-primary">保存</button></li>
+            <li><button type="button" class="btn-primary" id="btnEleChange">保存</button></li>
         </ul>
     </div>
 </div>