树形菜单拖放控制


当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true。

创建树形菜单(Tree)

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

当在一个树节点上发生放置操作,'onDrop' 事件将被触发,您应该做一些或更多的操作,例如保存节点状态到远程服务器端,等等。

  1. onDrop: function(targetNode, source, point){
  2. var targetId = $(target).tree('getNode', targetNode).id;
  3. $.ajax({
  4. url: '...',
  5. type: 'post',
  6. dataType: 'json',
  7. data: {
  8. id: source.id,
  9. targetId: targetId,
  10. point: point
  11. }
  12. });
  13. }

下载 jQuery EasyUI 实例

下载地址