Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例


Posted in Javascript onDecember 08, 2013
//只要要在treepanel中配置一下viewConfig即可,如果是两棵树之间,两棵树都要配置  
  viewConfig:{
   plugins :{
    ptype:'treeviewdragdrop',
    appendOnly:true   //只能拖着带非叶节点上
   },
   listeners:{//监听器
    drop:function(node,data,overModel,dropPosition,options){
     //ajax的操作把数据同步到后台数据库
     alert("把:"+data.records[0].get('text')+" 移动到:"+overModel.get("text"));    
    },
    beforedrop:function(node,data,overModel,dropPosition,dropFunction,options){
//     if(overModel.get("leaf")){   //目标节点
//      overModel.set('leaf',false);
//     }
    }
   }
  }
Javascript 相关文章推荐
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
JavaScript 七大技巧(一)
Dec 13 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
微信小程序实现文字跑马灯效果
May 26 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
js快速排序的实现代码
Dec 08 #Javascript
Javascript中匿名函数的多种调用方式总结
Dec 06 #Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 #Javascript
JavaScript作用域与作用域链深入解析
Dec 06 #Javascript
深入解析JavaScript中的变量作用域
Dec 06 #Javascript
关于Javascript作用域链的八点总结
Dec 06 #Javascript
Javascript变量作用域详解
Dec 06 #Javascript
You might like
php实现插入排序
2015/03/29 PHP
PHP引用的调用方法分析
2016/04/25 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
2018/08/27 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
python抓取最新博客内容并生成Rss
2015/05/17 Python
python+Django+apache的配置方法详解
2016/06/01 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
Python如何获取文件路径/目录
2020/09/22 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
2016/06/01 HTML / CSS
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
override和overload的区别
2016/03/09 面试题
传播学专业毕业生自荐信
2013/11/04 职场文书
领导调研接待方案
2014/02/27 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
英语教师个人总结
2015/02/09 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python