GRID拖拽行的实例代码


Posted in Javascript onJuly 18, 2013

---------------------GRID拖拽行的实例代码  单行拖拽---------------------------------------

//创建第一个GRID
var firstGrid = new Ext.grid.GridPanel({
ddGroup : 'secondGridDdGroup',//这里是第二个GRID的ddGroup
store       : firstGridStore,
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为
……其他属性省略
});
//创建第二个GRID
var secondGrid = new Ext.grid.GridPanel({
ddGroup : 'firstGridDdGroup',//这里是第一个GRID的ddGroup
store       : secondGridStore,
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为
……其他属性省略
});
//创建第一个GRID的ddGroup
var firstGridDropTargetEl = firstGrid.getView().el.dom.childNodes[0].childNodes[1];
var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
ddGroup    : 'firstGridDdGroup',//和第二个GRID的ddGroup相同
copy        : true,
notifyDrop : function(ddSource, e, data){
   function addRow(record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
     firstGridStore.add(record);
     firstGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }
   }
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
}
)};
//创建第二个GRID的ddGroup
var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1];
var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl,{
ddGroup : 'secondGridDdGroup',//和第一个GRID的ddGroup相同
copy        : true,
notifyDrop : function(ddSource, e, data){
   function addRow(record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
     secondGridStore.add(record);
     secondGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }
   }
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
}
});
Javascript 相关文章推荐
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
javascript调试说明
Jun 07 Javascript
chrome原生方法之数组
Nov 30 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 #Javascript
gridpanel动态加载数据的实例代码
Jul 18 #Javascript
javaScript NameSpace 简单说明介绍
Jul 18 #Javascript
JS获取鼠标坐标的实例方法
Jul 18 #Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 #Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 #Javascript
JS随机生成不重复数据的实例方法
Jul 17 #Javascript
You might like
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
基于JavaScript实现表格隔行换色
2020/05/08 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
解决Python import docx出错DLL load failed的问题
2020/02/13 Python
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
什么是Rollback Segment
2013/04/22 面试题
一套Delphi的笔试题二
2013/05/11 面试题
销售员自我评价怎么写
2013/09/19 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
电台编导求职信
2014/05/06 职场文书
田径运动会广播稿
2015/08/19 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python
Python+Tkinter打造签名设计工具
2022/04/01 Python