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 相关文章推荐
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
手机号码,密码正则验证
Sep 04 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
基于node+vue实现简单的WebSocket聊天功能
Feb 01 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 Header失效的原因分析及解决方法
2016/11/16 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
小程序实现发表评论功能
2018/07/06 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
Python中使用动态变量名的方法
2014/05/06 Python
python正则表达式的使用
2017/06/12 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python IDLE入门简介
2017/12/08 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
如何利用find命令查找文件
2015/02/07 面试题
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
简历的自我评价范文
2014/02/04 职场文书
音乐教育专业自荐信
2014/09/18 职场文书
教师节联欢会主持词
2015/07/04 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python