关闭

easyui tree拖动事件

标签: easyuitree
1341人阅读 评论(0) 收藏 举报
分类:

如果:

html:

<divclass="easyui-tree"data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></div>

js:

$('#rightTreePanel').tree({
height:100,
data: [{
text: 'Root',
id:'Root'
}],
//可以拖动
dnd:true,
animate:true,
onDrop: function(targetNode, source, point){
alert('滚');
}

});

结果为:

jquery.min.js:2 Uncaught TypeError: Cannot read property 'nodeName' of undefined 报错



修改方法:

将html的div标签改为ul标签就可以了

html:

<ulclass="easyui-tree"data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul>


1
0
查看评论

【解决方法】让easyui中的tree控件中的node不可随意拖放(取消部分node拖放效果)

问题描述: 在做一个类似目录树的东西,其中有一些元素。可以理解成文件和文件夹。 实现有些node是不能添加子node。
  • zhyl8157121
  • zhyl8157121
  • 2014-03-06 11:48
  • 6913

EasyUI 树形菜单

树(tree)在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 1、用法 (1)、树(tree)定义在 元素中。该标记可定义叶节点和子节点。节点将是 ul 列表内的 元素。下面演示了将被用于制作嵌套在 ul 元素内的树节点的元素。 Folder...
  • qq_27626333
  • qq_27626333
  • 2016-08-01 20:04
  • 6856

easy ui tree json 数据 无法加载的问题

easy ui 的demo  tree 动态数据  无法加载 我就去搜,根本搜不到 。我在想只有我碰到这个问题么。 找了一个上午,才找到原因,动态数据需要部署到iis上才能看效果。我擦。 另外 网站里 如果有  .json的文件 需要添加mime 映射 win7 中...
  • laokaizzz
  • laokaizzz
  • 2014-04-01 14:46
  • 1814

EasyUI - tree 使用拖拽时可能会遇到的一个错误

在我使用tree拖拽时总是失败,控制台输出了很多错误。经过跟踪分析发现这是一个由于特殊配置导致的错误。原先错误的代码如下:$('#tree').tree({ //省略其他 loadFilter: function(data, parent){ retu...
  • isea533
  • isea533
  • 2016-10-10 10:36
  • 887

JQuery EasyUI TreeGrid控件的使用——支持拖拽与禁止拖拽

最近在做一些前端的工作,很多用户要求的复杂前端可以使用jq easyui实现,开源且功能强大,相信很多人早就尝到甜头了。 下面进入正题,本篇博文主要介绍treegrid控件。官网DEMO有很多,可以借鉴。想看拖拽相关介绍的直接跳到第三步…… treegrid效果图: 第一步:数据 看到这样的前端...
  • chenkai6529
  • chenkai6529
  • 2013-12-24 14:58
  • 7298

Jquery实现可拖拽的树菜单

效果图如下所示:
  • javaquentin
  • javaquentin
  • 2014-12-23 14:37
  • 9615

easyUI 拖动(Drag)和放置(Drop)Tree

@author YHC 当使用tree插件在一个应用,drag(拖拽) 和 drop(放置)功能是必须允许用户改变节点位置,启用drag 和 drop 操作,所有你需要做的就是为tree插件设置 'dnd'属性为true. 创建 Tree $(&#...
  • yhc13429826359
  • yhc13429826359
  • 2012-08-13 11:07
  • 6623

EasyUI Tree节点拖动到指定容器

效果图:将tree节点拖动到指定的DIV中,结果显示节点的id和text 代码: Drag Drop Tree Nodes - jQuery EasyUI Demo Drag Drop Tree Nod...
  • apollokk
  • apollokk
  • 2016-01-03 16:42
  • 2249

easyui-tree实现节点的上下移动

前言 最近公司需要用到easyui-tree节点的上下移动,但是easyui-tree已经实现了上下移动,但是是在客户端,却无法实现在服务器端真正的改变,所以我做了一下的改动
  • changyinling520
  • changyinling520
  • 2017-11-05 21:41
  • 878

easyui的dnd插件实现datagrid行拖拽

项目中出现一种需求:对某列表中元素进行手动排序,若使用按钮单击来向上或者向下效率低下,若直接手动输入序号更不科学=.=。因此最好的方式就是能够实现手动拖动某个行到想要的位置。因此首先需要实现datagrid的拖拽操作。其次就是后端的数据处理了。
  • tzdwsy
  • tzdwsy
  • 2015-08-09 13:56
  • 5145
    个人资料
    • 访问:182527次
    • 积分:2568
    • 等级:
    • 排名:第16822名
    • 原创:61篇
    • 转载:106篇
    • 译文:2篇
    • 评论:5条
    最新评论