解決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: "使用拖拽方式排列已選中任務的運行順序." }] }; }