源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

GRID拖拽行的实例代码

  • 时间:2020-04-17 20:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:GRID拖拽行的实例代码
---------------------GRID拖拽行的实例代码  单行拖拽---------------------------------------
[u]复制代码[/u] 代码如下:
//创建第一个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); } });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部