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 相关文章推荐
javascript运行机制之this详细介绍
Feb 07 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
Mar 05 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
vue插件draggable实现拖拽移动图片顺序
Dec 01 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 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
Windows7下的php环境配置教程
2015/02/28 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
layui复选框限制选择个数的方法
2019/09/18 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
Java程序员常见面试题
2015/07/16 面试题
行政部主管岗位职责
2013/12/28 职场文书
优秀党员主要事迹
2014/01/19 职场文书
全民健身日活动方案
2014/01/29 职场文书
销售队伍口号
2014/06/11 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
起诉状范本
2015/05/20 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
MySQL 全文检索的使用示例
2021/06/07 MySQL
Go语言实现Snowflake雪花算法
2021/06/08 Golang
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript