您当前的位置: 首页 >  ui

杨林伟

暂无认证

  • 1浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

杨林伟 发布时间:2019-04-18 09:51:58 ,浏览量:1

当在一个应用中使用树(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
            }
        });
    }
关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.2291s