drop(event, treeId, treeNode, targetNode, moveType)

zTree

drop(event, treeId, treeNode, targetNode, moveType)

目录: [事件] --> [callback 回调函数]概述

用户在使用 zTree 的页面上,编写 onDrop(event, treeId, treeNode, targetNode, moveType) 函数(函数名可以自定义),并配置在 setting 的 callback 参数内,即可监听 zTree 的 drop 事件。

该事件在节点拖拽操作结束时触发

如果用户配置了 beforeDrop 方法,并返回 false,将无法触发 drop 事件 。

在 zTree v1.x 版本中,用户无法配置,只能按照要求编写指定名称的对应函数,比较死板。

参数

eventjs event 对象

标准的 js event 对象

treeIdString

因为 zTree 支持页面上同时存在多个 zTree 的实例,因此在 callback 回调函数内返回对应 zTree 的 treeObjId,便于用户操控

多个 zTree 之间进行拖拽时,返回目标节点的 treeObjId

treeNodeJSON

被拖拽的节点 JSON 数据对象。

如果没有拖拽到合法节点内,则返回 null

targetNodeJSON

成为 treeNode 父节点的目标节点 JSON 数据对象。

如果没有拖拽到合法节点内 或 拖拽成为根节点,则返回 null

moveTypeString

指定移动到目标节点的相对位置

"inner":成为子节点,"before":成为同级前一个节点,"after":成为同级后一个节点

示例

描述:

拖拽结束,弹出被拖拽节点和成为父节点的 tId 以及 name 信息

js 代码:
......
var setting = {
    callback : {
      drop: zTreeOnDrop,
      ......
    },
    ......
};
......
function zTreeOnDrop(event, treeId, treeNode, targetNode, moveType) {
    if (treeNode) alert("treeNode = " + treeNode.tId + ", " + treeNode.name);
    if (targetNode) alert("targetNode = " + targetNode.tId + ", " + targetNode.name);
}
......

相关事件

beforeDrop(treeId, treeNode, targetNode, moveType) beforeDrag(treeId, treeNode) | drag(event, treeId, treeNode)

相关参数

editable