刚开始接触ext,用到Ext.grid.CheckboxSelectionModel()时,总是出现这个问题,希望大家能给解决一下。我用的是ext3.1.0
当我要选择第五行时,如果不点击红色圈圈范围内,或点击第五行中任意一个cell(下图圈中的位置),原来选中的四行就会消失。如下
我想达到效果就是点击这一行的哪个位置都可以选中这一行,而且原来的已选项不会消失。
在网上找了一个哥们解决的方法:定义
var sm = new Ext.grid.CheckboxSelectionModel({
handleMouseDown:Ext.emtyFn
});
这个问题到底怎么解决呢,小弟新手已经没有分了,不好意思?
重写该控件就可以了,如果你的项目不是所有的地方都要此效果的话,可以单独继承来重写
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);
}
}
}
});
按住Crtl键行不?或者你把出错的那段代码发过来我给你看看
加上下面两句话就可以了:
先定义一个sm: var csm = new Ext.grid.CheckboxSelectionModel();
然后在grid里加上这个属性: sm: csm, //加了它,可以进行多选,否则为单选