手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >GRID拖拽行的实例代码
GRID拖拽行的实例代码
摘要:---------------------GRID拖拽行的实例代码单行拖拽---------------------------------...

---------------------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);

}

});

【GRID拖拽行的实例代码】相关文章:

7个有用的jQuery代码片段分享

JQuery球队选择实例

JavaScript实现身份证验证代码

让插入到 innerHTML 中的 script 跑起来的实现代码

JQuery中DOM加载与事件执行实例分析

光标定位等TextRange的操作的范例代码

Ctrl + Enter提交前检测的代码

一段实时更新的时间代码

JQuery中Text方法用法实例分析

实现DIV圆角的JavaScript代码

精品推荐
分类导航