具有拖放功能的树

使用教程 » 具有拖放功能的树

在应用程序中使用tree plugin时，需要拖放特性来允许用户更改节点位置。 要启用拖放操作，您所需要做的就是为tree plugin将“dnd”属性设置为true.

创建树

$('#tt').tree({ dnd: true, url: 'tree_data.json' });

当在某个树节点中执行drop时，将触发“onDrop”事件，您应该执行更多操作 将节点状态保存到远程服务器等操作.

onDrop: function(targetNode, source, point){ var targetId = $(target).tree('getNode', targetNode).id; $.ajax({ url: '...', type: 'post', dataType: 'json', data: { id: source.id, targetId: targetId, point: point } }); }

下载 EasyUI 实例: