zoukankan      html  css  js  c++  java
  • ztree树只允许兄弟节点之间拖拽怎么实现?

    原文链接:ztree树只允许兄弟节点之间拖拽怎么实现?

    先看zTree官方说明文档:
    zTree官方说明文档



    重点:setting.callback.beforeDrop 返回 false,zTree 将恢复被拖拽的节点。
    思路:利用该特性,可以在 beforeDrop 具体实现中判断是否在兄弟节点间拖拽。

    //zTree配置
    var setting = {
        edit: {
            enable: true,
            showRemoveBtn: false,
            showRenameBtn: false
        },
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            beforeDrop: beforeDrop //拖拽操作结束之前的事件回调,该处用于判断是否兄弟节点间拖动
        }
    };
    //仅亲兄弟节点间可拖动
    function beforeDrop(treeId, treeNodes, targetNode, moveType) {
        var moveNode = treeNodes[0];
        switch (moveType)
        {
            case "prev":
            case "next":
                if (moveNode.pId == targetNode.pId) {
                    return true;
                }
                break;
            case "inner":
                if (moveNode.pId == targetNode.pId) {
                    return true;
                }
                break;
        }
        return false;
    }
    //所有同层级节点间可拖动
    function beforeDrop(treeId, treeNodes, targetNode, moveType) {
        var moveNode = treeNodes[0];
        switch (moveType) {
            case "prev":
            case "next":
                if (moveNode.level == targetNode.level) {
                    return true;
                }
                break;
            case "inner":
                if (moveNode.level == targetNode.level + 1) {
                    return true;
                }
                break;
        }
        return false;
    }
  • 相关阅读:
    6、加法算术
    5、找出最大和最小的数
    4、计算并输出圆的面积和周长
    2、函数y=f(x)
    1、两数的平方和
    单片机中断寄存器知识点总结
    创建PCB原理图的模板
    电机知识
    结合实例谈谈航拍全景的方法和技巧
    航拍技巧
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/13213614.html
Copyright © 2011-2022 走看看