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

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

2个回答

那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.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问