首页
会员中心
到顶部
到尾部
jQuery EasyUI教程

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

时间:2020/11/2 21:27:29  作者:  来源:  查看:0  评论:0
内容摘要:pre {white-space: pre-wrap;}jQuery EasyUI 树形菜单 - 树形菜单拖放控制当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把...

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



相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号