jQuery EasyUI 树形菜单 – 树形菜单拖放控制
2018-05-10 14:51 更新
jQuery EasyUI 树形菜单 - 树形菜单拖放控制
本节教你如何实现jQuery EasyUI树形菜单(Tree)的拖放控制。
当在一个应用中使用树(Tree)插件时,用户可以通过拖拽(drag)和放置(drop)功能来改变节点位置。启用拖拽(drag)和放置(drop)操作的方法是,把树(Tree)插件的'dnd'属性设置为true。
创建树形菜单(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 实例
以上内容是否对您有帮助:
您可能还喜欢:
- jQuery EasyUI 基础插件 – Searchbox 搜索框
- jQuery EasyUI 窗口 – 创建简单窗口
- jQuery EasyUI 菜单与按钮插件 – Linkbutton 链接按钮
- jQuery EasyUI 扩展 – 可编辑的数据网格
- jQuery EasyUI 菜单与按钮插件 – Menubutton 菜单按钮
- jQuery EasyUI 表单插件 – Combo 组合
- jQuery EasyUI 表单插件 – Calendar 日历
- jQuery EasyUI 表单插件 – Combogrid 组合网格
- jQuery EasyUI 扩展 – 数据网格视图
- jQuery EasyUI 布局插件 – Accordion 折叠面板
更多建议: