first commit

WebRoot/jsp/user/roleMenu.jsp

@@ -0,0 +1,112 @@
+<%@ page language="java" pageEncoding="UTF-8" %>
+<script type="text/javascript">
+    function doSaveMainRole() {
+        var checkedtree = $('#menu_func_tree').treeview('getChecked');
+        var datas = "";
+        var lis = $('[data-nodeid]');
+        for (var i = 0; i < lis.length; i++) {
+            if (lis[i].dataset.nodeid.split('.').length == 4) {
+                var lis_element = $('#' + lis[i].id);
+                if (lis_element.hasClass('node-checked')) {
+                    var span = lis_element.children('.check-icon');
+                    if (span.hasClass('glyphicon-check')) {
+                        datas += lis[i].id + ",";
+                    }
+                }
+            }
+        }
+        /*$.each(checkedtree,function(index,item){
+            datas+=item.id+",";
+        });*/
+        $.post(ext.contextPath + "/user/updateRoleMenu.do", {menustr: datas, roleid: "${roleid}"}, function (result) {
+            if (result >= 0) {
+                closeModal('menuFuncModal');
+            } else {
+                showAlert('d', '保存失败')
+            }
+        }, 'json');
+    }
+
+    function selectNode() {
+        console.log('${json}')
+
+        console.log(eval('${json}'), "json")
+        $.each(eval('${json}'), function (index, item) {
+            var node = $('#menu_func_tree').treeview('findNodes', [item.menuid, 'id']);
+            $('#menu_func_tree').treeview('toggleNodeChecked', [node, {silent: true}]);
+        });
+    }
+
+    //  List<RoleMenu> list = menuService.getFinalMenuByRoleId(roleid);
+    // JSONArray json=JSONArray.fromObject(list);
+    // model.addAttribute("json",json);
+    function initialTree() {
+        $.post(ext.contextPath + '/user/getMenusJsonWithFuncByRoleID.do', {roleid: '${roleid}'}, function (data) {
+            // console.info(data)
+            if (data.length > 0) {
+                $('#menu_func_tree').treeview({
+                    data: data,
+                    showCheckbox: true,
+                    showTags: true,
+                    showBorder: false,
+                    hierarchicalCheck: true,//级联勾选
+                    onInitialized: function (event, nodes) {
+                    },
+                    //无点击事件，通过节点选择实现
+                    onNodeSelected: function (event, node) {
+                        /* $('#roleFunc4SelectModal').modal({
+                            remote: '/user/roleFuncForSelect.do?menuid='+node.id+'&roleid=
+
+                        ${roleid}',
+	                            backdrop: 'static',
+	                            keyboard: false
+	                            }); */
+
+                        $.post(ext.contextPath + '/user/roleFuncForSelect.do', {
+                            menuid: node.id,
+                            roleid: "${roleid}"
+                        }, function (result) {
+                            $('#subDiv_func').html(result)
+                            openModal('roleFunc4SelectModal');
+
+                        });
+                    },
+                    onRendered: function (event, nodes) {
+                        setTimeout("selectNode();", "10");
+                    }
+
+                });
+
+            }
+        }, 'json');
+    }
+
+    $(function () {
+        initialTree();
+
+    });
+
+</script>
+<div class="modal fade" id="menuFuncModal">
+    <div class="modal-dialog  modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" data-target="#menuFuncModal"
+                        aria-label="Close">
+                    <span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title">${rolename }——权限树</h4>
+            </div>
+            <div class="modal-body">
+                <div id="alertDiv"></div>
+                <div id="menu_func_tree" style="height:400px;overflow:auto; "></div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal" data-target="#menuFuncModal">关闭
+                </button>
+                <button type="button" class="btn btn-primary" onclick="doSaveMainRole()">保存</button>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>