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;
    }
  • 相关阅读:
    kubernetes之secret
    kubernetes的核心组件功能
    ingress
    服务发现: coredns
    service
    deployment控制pod进行滚动更新以及回滚
    init container
    service与pod关联
    Joiner
    SpringMVC 用注解Annotation驱动的IoC功能@Autowired @Component
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/13213614.html
Copyright © 2011-2022 走看看