drag(event, treeId, treeNode)

zTree

drag(event, treeId, treeNode)

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

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

该事件在节点开始被拖拽时触发

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

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

参数

eventjs event 对象

标准的 js event 对象

treeIdString

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

treeNodeJSON

被拖拽的节点 JSON 数据对象

示例

描述:

每次拖拽开始时, 弹出该节点的 tId 以及 name 信息

js 代码:
......
var setting = {
    callback : {
      drag: zTreeOnDrag,
      ......
    },
    ......
};
......
function zTreeOnDrag(event, treeId, treeNode) {
	alert(treeNode.tId + ", " + treeNode.name);
}
......

相关事件

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

相关参数

editable