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

简介: 54EasyUI 树形菜单- 树形菜单拖放控制

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

image.png

创建树形菜单(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
            }
        });
    }
目录
相关文章
|
6月前
|
JavaScript
原生js树形菜单
原生js树形菜单
24 0
|
7月前
58EasyUI 树形菜单- 树形网格动态加载
58EasyUI 树形菜单- 树形网格动态加载
24 0
|
7月前
|
JavaScript 前端开发
52EasyUI 树形菜单- 树形菜单添加节点
52EasyUI 树形菜单- 树形菜单添加节点
32 0
|
7月前
57EasyUI 树形菜单- 创建复杂树形网格
57EasyUI 树形菜单- 创建复杂树形网格
36 0
|
3天前
|
JSON JavaScript 数据格式
jQuery 树型菜单完整代码
jQuery 树型菜单完整代码
|
5月前
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
28 0
|
7月前
53EasyUI 树形菜单- 创建带复选框的树形菜单
53EasyUI 树形菜单- 创建带复选框的树形菜单
24 0
|
7月前
50EasyUI 树形菜单- 使用标记创建树形菜单
50EasyUI 树形菜单- 使用标记创建树形菜单
18 0
|
7月前
06EasyUI 拖放- 基本的拖动和放置
06EasyUI 拖放- 基本的拖动和放置
21 0
|
7月前
51EasyUI 树形菜单- 创建异步树形菜单
51EasyUI 树形菜单- 创建异步树形菜单
21 0