在通用权限管理系统中，有很多数据结构是有父子关系的，如组织机构，部门，权限菜单等，在展示的时候，大多数是通过zTree树的形式展现的，如下：

权限菜单展示

这种数据后台输出比较容易处理，参考如下获取某个子系统的全部操作菜单：

后台输出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, ));

            //parameters.Add(new KeyValuePair<string, object>(BaseModuleEntity.FieldDeletionStateCode, 0));

            parameters.Add(new KeyValuePair<string, object>(BaseModuleEntity.FieldIsVisible, ));

            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);

        }
前端的JS部分的代码
        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;

        }

类似的，其它父子类的数据参照这个就可以很方便的处理展示和移动了。

最新文章

  1. SignalR系列续集[系列6:使用自己的连接ID]
  2. 2014/11/06 Oracle触发器初步 2014-11-06 09:03 49人阅读 评论(0) 收藏
  3. php一句话后门过狗姿势万千之传输层加工【三】
  4. SQL笔记-第四章，数据的检索
  5. 深入理解javascript事件流
  6. 《day15---多线程安全问题_JDK1.5的锁机制》
  7. 2015-10-15 晴 APUE GIT
  8. [可拖动DIV]刚开通博客顺便就写了点东西！
  9. [逼死强迫症 - C&amp;C++设计风格选择.1] : 命名规范
  10. Period
  11. 9patch(.9)怎么去掉自己画上的黑点/黑线
  12. spring mvc:@RequestParam与@ModelAttribute异同
  13. 《JavaScript高级程序设计》笔记：BOM（八）
  14. Vue 实现左边导航栏且右边显示具体内容（element-ui）
  15. Java开发笔记（二十六）方法的输出参数
  16. [c/c++] programming之路（30）、位运算（一）
  17. nginx配置https转发http
  18. Python开发——11.异常及异常处理
  19. hdu3183 rmq求区间最值的下标
  20. 64位电脑上启动程序出现丢失MSVCR110.dll的解决办法

热门文章

  1. http header Content-Type之常用三种
  2. [目录]C#学习笔记
  3. (最完美)MIUI12系统的Usb调试模式在哪里开启的步骤
  4. Android 系统服务的获取与创建
  5. SQL SERVER 临时数据库 tempdb 迁移或增加文件
  6. IKAnalyzer结合Lucene实现中文分词
  7. kali权限提升之本地提权
  8. SQLAchemy模块
  9. Doctype知识点总结
  10. CentOS7.x安装cobbler无人值守安装系统