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