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

boyanx2个月前技术教程12

当在一个应用中使用树(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
            }
        });
    }

没有安装环境需要下载这两个脚本:

http://code.jquery.com/jquery-1.6.1.min.js

http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js

标签: jquery 下载

相关文章

使用beego+jquery ace框架,做个小的后台运维系统不在乎美观的

1,关于go-admin想开发一个使用golang 用的管理后端,发现还是使用beego开发方便。 每个框架都有自己适合的地方。 现在很多项目都在使用 api + vue 前后端分离的方式进行开发,微...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。