标签：
在通用权限管理系统中，有很多数据结构是有父子关系的，如组织机构，部门，权限菜单等，在展示的时候，大多数是通过zTree树的形式展现的，如下：
这种数据后台输出比较容易处理，参考如下获取某个子系统的全部操作菜单：
/// <summary> /// 获取module树结构数据 /// </summary> /// <param name="systemCode"></param> /// <returns></returns> public ActionResult GetModuleTree(string systemCode = null) { if (string.IsNullOrWhiteSpace(systemCode)) { systemCode = BaseSystemInfo.SystemCode; } string tableName = systemCode + "Module"; ; BaseModuleManager moduleManager = new BaseModuleManager(UserInfo, tableName); List<KeyValuePair<string, object>> parameters = new List<KeyValuePair<string, object>>(); parameters.Add(new KeyValuePair<string, object>(BaseModuleEntity.FieldEnabled, 1)); //parameters.Add(new KeyValuePair<string, object>(BaseModuleEntity.FieldDeletionStateCode, 0)); parameters.Add(new KeyValuePair<string, object>(BaseModuleEntity.FieldIsVisible, 1)); var entityList = moduleManager.GetList<BaseModuleEntity>(parameters, BaseModuleEntity.FieldSortCode); Hashtable hashTable = new Hashtable(); if (entityList != null) { var result = (from p in entityList select new { id = p.Id, parentId = p.ParentId, name = p.FullName }).ToList(); hashTable.Add("treeNodes", result); } else { hashTable.Add("treeNodes", null); } return Json(hashTable, JsonRequestBehavior.AllowGet); }
var _zTree; //获取树对象 function getTree() { return $.fn.zTree.getZTreeObj("tree-1"); } //刷新树 function RefreshTree() { var systemCode = $("#systemCode").attr("relValue"); if (typeof (systemCode) != "undefined") { setting1.async.url = "/Module/GetModuleTree?systemCode=" + systemCode; $.fn.zTree.init($("#tree-1"), setting1); _zTree = $.fn.zTree.getZTreeObj("tree-1"); } } //过滤 function filter(treeNodes) { var filterName = $("#OrganizeName").attr("reltext"); if (filterName == "AAAA" || filterName == "") { return false; } return (treeNodes.name.indexOf(filterName) > -1); } //树的设置 var setting1 = { async: { enable: true, dataType: ‘JSON‘, //返回的JSON数据的名字 dataName: ‘treeNodes‘, url: "/Module/GetModuleTree", autoParam: ["id", "name", "desc"], otherParam: { "otherParam1": "zTreeAsyncTest1", "otherParam2": "zTreeAsyncTest2" } //,传回的数据格式不是ztree所需要的格式的时候，可以对数据进行转化。正常情况下不需要实现dataFilter //dataFilter: filter }, view: { addHoverDom: addHoverDom, removeHoverDom: removeHoverDom, selectedMulti: true }, edit: { enable: true, showRemoveBtn: false, showRenameBtn: false, renameTitle: "修改", removeTitle: "删除", drag: { isCopy: false, isMove: true } }, callback: { onClick: onClick, beforeDrop: function(treeId, treeNodes, targetNode, moveType) { return onDrop(treeId, treeNodes, targetNode, moveType); }, onAsyncSuccess: onAsyncSuccess } }; //转移 function onDrop(treeId, treeNodes, targetNode, moveType) { debugger; // 当前节点不能移动到当前节点上 var node, newParent = targetNode; var nodeNames = "",nodeIds=""; for (var i = 0; i < treeNodes.length; i++) { node = treeNodes[i]; nodeNames += node.name + ","; nodeIds += node.id + ","; if (node.id == newParent.id) { top.Dialog.alert("不能将自己设为自己的父级节点"); return false; }; } if (nodeIds.length>0) { nodeIds = nodeIds.substring(0, nodeIds.length - 1); } // 当前节点不能移动到自己的子节点上去 for (var i = 0; i < treeNodes.length; i++) { //debugger; // 交换测试 //newParent = treeNodes[0]; //node = targetNode; node = treeNodes[i]; var pid = newParent.getParentNode(); while (pid != null) { pid = pid.getParentNode(); if (node == pid) { top.Dialog.alert("当前节点不能移动到自己的子节点上去"); return false; } } } if (!confirm("你确定要将{0}转移到{1}名下吗?".replace("{0}", ‘\‘‘ + nodeNames + ‘\‘‘).replace("{1}", ‘\‘‘ + newParent.name + ‘\‘‘))) { return false; } else { var systemCode = $("#systemCode").attr("relValue"); $.ajax({ url: ‘/Module/MoveTo‘, type: ‘POST‘, data: { moduleIds: nodeIds, parentId: newParent.id, systemCode: systemCode }, success: function(response, options) { // 重载树 top.Dialog.alert(response.StatusMessage, function() { RefreshTree(); } ); } }); return true; } }; //异步加载成功后 function onAsyncSuccess(event, treeId, treeNode, msg) { _zTree.expandNode(_zTree.getNodes()[0], true, false, false); } //初始化函数 function initComplete() { $("#layout1").layout({ leftWidth: 200, onEndResize: function() { //g.resetWidth(); } }); RefreshTree(); //绑定change事件 $("#systemCode").bind("change", function() { if (!$(this).attr("relValue")) { top.Dialog.alert("没有选择节点"); } else { //top.Dialog.alert("选中节点文本：" + $(this).attr("relText") + "<br/>选中节点值：" + $(this).attr("relValue")); setting1.async.url = "/Module/GetModuleTree?systemCode=" + $(this).attr("relValue"), $.fn.zTree.init($("#tree-1"), setting1); _zTree = $.fn.zTree.getZTreeObj("tree-1"); AddModule(); } }); } //点击树节点 function onClick(event, treeId, treeNode, clickFlag) { //设置表单的值 $("#frmContent").attr("src", "/Module/Edit?id=" + treeNode.id + "&systemCode=" + $("#systemCode").attr("relValue")); } var _treeNode; // 添加 function addHoverDom(treeId, treeNode) { if (treeNode.editNameFlag || $("#addBtn_" + treeNode.id).length > 0) return; var sObj = $("#" + treeNode.tId + "_span"); var addStr = "<span class=‘zbutton add‘ id=‘addBtn_" + treeNode.id + "‘ title=‘添加‘ onfocus=‘this.blur();‘></span>"; sObj.append(addStr); var btn = $("#addBtn_" + treeNode.id); if (btn) { btn.bind("click", function() { _treeNode = treeNode; $("#frmContent").attr("src", "/Module/Add?id=" + treeNode.id + "&systemCode=" + $("#systemCode").attr("relValue")); return false; }); } }; function refreshFrmContent() { window.frames["frmContent"].location.reload(); }; function removeHoverDom(treeId, treeNode) { $("#addBtn_" + treeNode.id).unbind().remove(); }; //新增 function AddModule() { var systemCode = $("#systemCode").attr("relValue"); if (typeof (systemCode) != "undefined") { $("#frmContent").attr("src", "/Module/Add?systemCode=" + systemCode); } else { top.Dialog.alert("请选择一个子系统。"); } }; // 权限设置 function permissionSet() { top.Dialog.open({ ID: "selectWin", URL: "/Module/Permission?systemCode=@ViewBag.SystemCode&moduleId=@moduleEntity.Id", //+ systemCode, Title: "权限设置", Width: 640, Height: 480 }); };
菜单移动的本质是改变菜单的父节点，在编辑时可以通过修改菜单的父节点来实现菜单的移动，为了操作快捷，大多数情况下系统能通过拖动节点来实现菜单的移动，实现的截图如下：
单个菜单的移动，鼠标左键按住需要移动的菜单，拖动到要移动的目的位置，然后松开鼠标左键，此时会弹出确认提示，点击确定，将会执行移动程序处理，点击取消将恢复到原始位置。
点击确定后，菜单移到的位置：
菜单移动支持多个菜单同时移动某个目标位置，
如上图，多个菜单同时移动时，按住Ctrl键，逐个点击要移动的菜单，然后松开Ctrl，鼠标拖动菜单移到目标位置。接下来操作如上。
后台处理菜单的移动方法，包括检查节点能否移动（不能将自己设为自己的父级节点，当前节点不能移动到自己的子节点上去）：
/// <summary> /// 节点移动 /// </summary> /// <param name="moduleIds"></param> /// <param name="parentId"></param> /// <param name="systemCode"></param> /// <returns></returns> public ActionResult MoveTo(string moduleIds, string parentId, string systemCode = null) { string[] ids = moduleIds.Split(‘,‘); if (string.IsNullOrWhiteSpace(systemCode)) { systemCode = BaseSystemInfo.SystemCode; } BaseResult baseResult = new BaseResult(); string message = string.Empty; if (!MoveCheck(ids, parentId, systemCode, out message)) { baseResult.Status = false; baseResult.StatusMessage = message; } else { string tableName = systemCode + "Module"; var manager = new BaseModuleManager(UserCenterDbHelper, OperateContext.Current.UserInfo, tableName); // 设置moduleId的父级节点为parentId int result = 0; for (int i = 0; i < ids.Length; i++) { if (!string.IsNullOrWhiteSpace(ids[i])) { result += manager.SetProperty(ids[i], new KeyValuePair<string, object>(BaseModuleEntity.FieldParentId, parentId)); } } if (result > 0) { baseResult.Status = true; baseResult.StatusMessage = "移动成功。"; } else { baseResult.Status = false; baseResult.StatusMessage = "移动失败。"; } } return Json(baseResult, JsonRequestBehavior.AllowGet); } /// <summary> /// 节点移动检查 /// </summary> /// <param name="ids"></param> /// <param name="parentId"></param> /// <param name="systemCode"></param> /// <param name="message"></param> /// <returns></returns> private bool MoveCheck(string[] ids, string parentId, string systemCode, out string message) { message = string.Empty; // 不能将自己设为自己的父级节点 for (int i = 0; i < ids.Length; i++) { if (string.Equals(ids[i], parentId, StringComparison.OrdinalIgnoreCase)) { message = "不能将自己设为自己的父级节点。"; return false; } } string tableName = systemCode + "Module"; var manager = new BaseModuleManager(UserCenterDbHelper, OperateContext.Current.UserInfo, tableName); // 目标节点 BaseModuleEntity moduleEntity = manager.GetObject(parentId); // 当前节点不能移动到自己的子节点上去 for (int i = 0; i < ids.Length; i++) { while (!string.IsNullOrWhiteSpace(moduleEntity.ParentId)) { moduleEntity = manager.GetObject(moduleEntity.ParentId); if (string.Equals(ids[i], moduleEntity.Id, StringComparison.OrdinalIgnoreCase)) { message = "当前节点不能移动到自己的子节点上去。"; return false; } } } return true; }
类似的，其它父子类的数据参照这个就可以很方便的处理展示和移动了。
通用权限管理系统之权限菜单zTree树的展示及移动的处理方法
标签：
原文地址：http://www.cnblogs.com/hnsongbiao/p/5232347.html
