• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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 实例

jeasyui-tree-tree5.zip


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap