zTree（四）同级拖拽排序

最新推荐文章于 2024-09-05 10:02:59 发布

天空影

最新推荐文章于 2024-09-05 10:02:59 发布

阅读量1.2k

点赞数

分类专栏：大前端-插件API 文章标签：拖拽排序 zTree sortKey

本文链接：https://blog.csdn.net/jx950915/article/details/81215065

版权

大前端-插件API 专栏收录该内容

37 篇文章 1 订阅

订阅专栏

配置项：

callback: {
    onClick: zTreeOnClickOrg,
    beforeDrag: beforeDrag,
    beforeDrop: beforeDrog

},

方法

// 拖拽排序 只允许同级排序
var dragId;
//用于捕获节点被拖拽之前的事件回调函数，并且根据返回值确定是否允许开启拖拽操作
function beforeDrag(treeId, treeNodes) {
    // console.log(treeNodes)
    for (var i = 0, l = treeNodes.length; i < l; i++) {
        dragId = treeNodes[i].parentCode;
        if (treeNodes[i].drag === false) {
            return false;
        }
    }
    return true;
}
//用于捕获节点拖拽操作结束之前的事件回调函数，并且根据返回值确定是否允许此拖拽操作
function beforeDrog(treeId, treeNodes, targetNode, moveType) {
    // console.log(treeNodes, targetNode)
    //targetNode 被拖拽放开的目标节点
    //treeNodes 被拖拽的节点
    if (targetNode.parentCode == dragId) {
        // console.log(targetNode.name, moveType)
        if (moveType == 'prev') {
            var sortKey = targetNode.sortKey * 1 - 1
            // console.log(sortKey)
        } else {
            var sortKey = targetNode.sortKey * 1 + 1
            // console.log(sortKey)
        }
        setOrgCode(treeNodes[0].orgCode, treeNodes[0].orgName, sortKey);
        var obj = {
            'formId': 'formE1',
            'url': 'mgmt/setOrg.do',
            'error': '排序失败'
        }
        org(obj, null);
    } else {
        return false;
    }
}