extjs 中grid设置为可拖拽,每次选择一行数据之后,不能像没有设置拖拽时一样,再次点击行前的选择框取消对该行的选择了

问题描述:

extjs 中grid设置为可拖拽,每次选择一行数据之后,不能像没有设置拖拽时一样,再次点击行前的选择框取消对该行的选择了,只有通过点击别的行的选择框两下,然后才能取消之前那行的选择。如果我不想选中grid的某一行只能点击全选框,全选中之后再点击全取消才行。不知道是什么原因呢?

那URL中提供的那种方法可以暂时用下.

Perhaps it should be specified in the documentation but Grid's CheckboxSelectionModel and Drag and Drop are not compatible.

Both of them are fighting to process events on handleMouseDown. At one point I had to write up an override to get both of them working together. Try this:

[code="java"]Ext.grid.CheckboxSelectionModel.override({
handleMouseDown : Ext.emptyFn

});
Ext.grid.RowSelectionModel.override({
initEvents : function() {
if(!this.grid.enableDragDrop && !this.grid.enableDrag){
this.grid.on("rowmousedown", this.handleMouseDown, this);
}else{ // allow click to work like normal
this.grid.on("rowclick", function(grid, rowIndex, e) {
var target = e.getTarget();

if(target.className !== 'x-grid3-row-checker' && e.button === 0 && !e.shiftKey && !e.ctrlKey) {
this.selectRow(rowIndex, false);
grid.view.focusRow(rowIndex);
}
}, this);
}

    this.rowNav = new Ext.KeyNav(this.grid.getGridEl(), {
        "up" : function(e){
            if(!e.shiftKey){
                this.selectPrevious(e.shiftKey);
            }else if(this.last !== false && this.lastActive !== false){
                var last = this.last;
                this.selectRange(this.last,  this.lastActive-1);
                this.grid.getView().focusRow(this.lastActive);
                if(last !== false){
                    this.last = last;
                }
            }else{
                this.selectFirstRow();
            }
        },
        "down" : function(e){
            if(!e.shiftKey){
                this.selectNext(e.shiftKey);
            }else if(this.last !== false && this.lastActive !== false){
                var last = this.last;
                this.selectRange(this.last,  this.lastActive+1);
                this.grid.getView().focusRow(this.lastActive);
                if(last !== false){
                    this.last = last;
                }
            }else{
                this.selectFirstRow();
            }
        },
        scope: this
    });

    var view = this.grid.view;
    view.on("refresh", this.onRefresh, this);
    view.on("rowupdated", this.onRowUpdated, this);
    view.on("rowremoved", this.onRemove, this);        
}

});
[/code]

It's not perfect, if I remember correctly it won't drag/drop rows on an initial dragdrop but rather you have to select them first.