easyUI 拖动(Drag)和放置(Drop)Tree
来源:互联网 发布:php echo 输出数组 编辑:程序博客网 时间:2024/06/07 11:33
@author YHC
当使用tree插件在一个应用,drag(拖拽) 和 drop(放置)功能是必须允许用户改变节点位置,启用drag 和 drop 操作,所有你需要做的就是为tree插件设置 'dnd'属性为true.
创建 Tree
$('#tt').tree({ dnd: true, url: 'tree_data.json' });当放置成功在一个tree节点, '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 } }); }
下载 EasyUI 示例代码:
easyui-tree-demo.zip
- easyUI 拖动(Drag)和放置(Drop)Tree
- js拖拽和放置(javascript drag and drop)
- easyUI 基础的拖动和放置
- web拖动Drag&Drop原理
- [前端] H5 drag drop 拖动
- Tree控件的Drag&Drop
- web拖动Drag&Drop原理
- 文件拖动Drag & Drop 全解析
- wxWidgets的drag和drop
- Qt drag和drop演示
- HTML5 拖放(Drag和drop)
- HTML5 拖放(Drag和drop)
- easyui tree拖动事件
- EasyUI的拖动及放置组件
- 利用Dojo实现拖动(Drag and Drop)效果
- 文件拖动Drag & Drop 全解析
- 利用Dojo实现拖动(Drag and Drop)效果
- ExtJs学习笔记(24)-Drag/Drop拖动功能
- 1.jstl之SQL:setDataSource
- in 与Exits的区别
- 类目,延展,协议
- usaco Subset Sums
- IOS开发UI篇之──自定义加载等待框(MBProgressHUD)
- easyUI 拖动(Drag)和放置(Drop)Tree
- KD树核心思想简介
- The flag analysis of struct termios
- css的四种调用方式
- HDU 2519 新生晚会
- hdu 1078 FatMouse and Cheese (搜索+dp)
- PHP代码优化
- OpenCV模块
- VLC源码分析总结