雷林鹏分享:jQuery EasyUI 树形菜单 - 树形菜单拖放控制

时间:2021-12-26 20:31:00

  jQuery EasyUI 树形菜单 - 树形菜单拖放控制

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

雷林鹏分享:jQuery EasyUI 树形菜单 - 树形菜单拖放控制

  创建树形菜单(Tree)

  $('#tt').tree({

  dnd: true,

  url: 'tree_data.json'

  });

  当在一个树节点上发生放置操作,'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

  }

  });

  }

  下载 jQuery EasyUI 实例

  jeasyui-tree-tree5.zip

  本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)