解决enableDragDrop为true时被选中选项被取消问题

有时候在选择了很多数据项后，当在选择其它行时之前选择的内容被取消了。为了解决这个问题扩展了一个selectmodel，目前这个类仅支持IE（由于EXT内部方法还不是很清楚），只是临时解决方案。

 

 

自定义selectmodel:

/** * 自定义选择模板，解决enableDragDrop为true时被选中选项被取消问题. * 目前仅支持IE * * @author lxj * @date 2009.07.28 */ Ext.grid.MySelectionModel = Ext.extend(Ext.grid.CheckboxSelectionModel, { /** * 记录所选标识 */ lineRecord: [] /** * 是否为全选模式 */ ,isSelectAll : false /** * 选中行时的事务标记 */ ,transaction : false /** * 删除的行标识 */ ,dRowIdx : null ,initEvents : function(){ Ext.grid.MySelectionModel.superclass.initEvents.call(this); this.on("rowselect", function(sm, rowidx, r){ this.doSelect(rowidx); }); } ,onHdMouseDown : function(e, t){ this.isSelectAll = true; if(t.className == 'x-grid3-hd-checker'){ e.stopEvent(); var hd = Ext.fly(t.parentNode); var isChecked = hd.hasClass('x-grid3-hd-checker-on'); if(isChecked){ hd.removeClass('x-grid3-hd-checker-on'); this.clearSelections(); this.delLineRecords(); }else{ hd.addClass('x-grid3-hd-checker-on'); this.selectAll(); this.addLineRecoreds(); } } this.isSelectAll = false; } /** * 批量添加行标识 */ ,addLineRecoreds : function(){ this.lineRecord.splice(0, this.lineRecord.length); for(var i = 0, len = this.grid.store.getCount(); i < len; i++){ this.lineRecord.push(i); } } /** * 批量删除行标识 */ ,delLineRecords : function(){ this.lineRecord.splice(0, this.lineRecord.length); } /** * 添加一个行标识 * * @param rowIdx 标识 */ ,addLineRecored : function(rowIdx){ this.lineRecord.push(rowIdx); } /** * 删除一个行标识 * * @param rowIdx 标识 */ ,delLineRecore : function(rowIdx){ var len = this.lineRecord.length; while (len--) { if (rowIdx == this.lineRecord[len]){ this.lineRecord.splice(len, 1); return; } } } /** * 记录标识数组中是否已经存在 * * @param rowIdx 标识 * @return boolean */ ,isExist : function(rowIdx){ for (var i = 0, len = this.lineRecord.length; i < len; i++) { if (rowIdx == this.lineRecord[i]) return true; } return false; } /** * 是否处于事务中 * * @return boolean */ ,isTransaction : function(){ return this.transaction; } /** * 设置事务状态 */ ,setTransaction : function(){ this.transaction = this.transaction === true ? false : true; } /** * 选择选项操作 * * @param rowIdx 标识 */ ,doSelect : function(rowIdx){ if (this.isSelectAll === true || this.transaction === true) return; this.setTransaction(); if (!this.isExist(rowIdx)) { this.addLineRecored(rowIdx); this.selectRows(this.lineRecord); this.delLineRecore(this.dRowIdx); this.deselectRow(this.dRowIdx); this.dRowIdx = null; } else { this.deselectRow(rowIdx); this.dRowIdx = rowIdx; this.delLineRecore(rowIdx); } this.setTransaction(); } });

 

使用：

var sm = new Ext.grid.MySelectionModel(); function getSelectCollectTaskGrid() { return { xtype: 'grid' ,id: "task_list" ,title: "任务配置" ,cm: new Ext.grid.ColumnModel([ //new Ext.grid.RowNumberer() sm ,{id:'displayName', header:'名称', dataIndex:'displayName', width: 200} ,{id:'description', header:'描述', dataIndex:'description', width: 400} ,{id:'params', dataIndex:'params', width: 1, hidden: true} ,rowActions ]) ,sm: sm ,loadMask: {msg: '正在加载数据,请稍后...'} ,border: false //,autoScroll:true //,autoHeight: true ,store: collect_store ,frame: true //,columnWidth: .5 ,width: 750 ,height: 400 ,plugins: [ rowActions ] ,enableDragDrop: true ,dropConfig: { appendOnly:true } ,ddGroup: "dd" ,tbar: [{ text: "使用拖拽方式排列已选中任务的运行顺序." }] }; }