Ext.grid.GridPanel不需按住Ctrl键单元行多选效果实现

最新推荐文章于 2017-12-14 19:02:55 发布

wling_89

最新推荐文章于 2017-12-14 19:02:55 发布

阅读量188

点赞数

分类专栏： java、ext、javascript 文章标签： grid ext gridpanel checkboxselectionmodel

java、ext、javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

项目中遇到需要实现在Ext.grid.GridPanel中选中单元格时，不需要按ctrl键便可多选，后来在sencha论坛上找到下面方法：重写Ext.grid.CheckboxSelectionModel中的handleMouseDown方法，该方法继承自Ext.grid.RowSelectionModel(),然后调用重写后的方法定义sm即可


Ext.override(Ext.grid.CheckboxSelectionModel, { 
    handleMouseDown : function(g, rowIndex, e){   
      if(e.button !== 0 || this.isLocked()){   
        return;   
      }   
      var view = this.grid.getView();   
      if(e.shiftKey && !this.singleSelect && this.last !== false){   
        var last = this.last;   
        this.selectRange(last, rowIndex, e.ctrlKey);   
        this.last = last; // reset the last   
        view.focusRow(rowIndex);   
      }else{   
        var isSelected = this.isSelected(rowIndex);   
        if(isSelected){   
          this.deselectRow(rowIndex);   
        }else if(!isSelected || this.getCount() > 1){   
          this.selectRow(rowIndex, true);   
          view.focusRow(rowIndex);   
        }   
      }   
    } 
});
  var sm = new Ext.grid.CheckboxSelectionModel();