Use checkboxSelectionModel on dragDrop enabled grid

[Stju]

Problem: I want to use checkboxSelectionModel on dragDrop enabled grid, but can't uncheck checkbox after row is selected.

Solution: use overrides provided.

    // Override for situation, where both drag drop and checkbox selection models are used, you can't deselect checkbox

    Ext.override(Ext.dd.DragSource,{
        handleMouseDown: function(e) {

            if(Ext.get(e.target.id).hasCls('x-grid-row-checker')){
                return false;
            }

            if (this.dragging) {
                return;
            }
            var data = this.getDragData(e);
            if (data && this.onBeforeDrag(data, e) !== false) {
                this.dragData = data;
                this.proxy.stop();
                this.callParent(arguments);
            }
        }
    });


    Ext.override(Ext.view.DragZone,{
        onItemMouseDown: function(view, record, item, index, e) {

            if (!this.isPreventDrag(e, record, item, index)) {
                this.handleMouseDown(e);

                // If we want to allow dragging of multi-selections, then veto the following handlers (which, in the absence of ctrlKey, would deselect)
                // if the mousedowned record is selected

                 if (view.getSelectionModel().selectionMode == 'MULTI' && !e.ctrlKey && view.getSelectionModel().isSelected(record)) {
                     return Ext.get(e.target.id).hasCls('x-grid-row-checker');
                 }
            }
        }
    });

[mitchellsimoens]

Free info from Sencha!

[flanders]

I've been running into the same thing, so thnx for the post. In my specific case (using 4.1 rc1) it didn't work without changing to:

// Override for situation, where both drag drop and checkbox selection models are used, you can't deselect checkbox


Ext.override(Ext.dd.DragSource,{
	handleMouseDown: function(e) {
		var element = Ext.get(e.target.id);


		if(element != null && element.hasCls('x-grid-row-checker')){
			return false;
		}


		if (this.dragging) {
			return;
		}
		var data = this.getDragData(e);
		if (data && this.onBeforeDrag(data, e) !== false) {
			this.dragData = data;
			this.proxy.stop();
			this.callParent(arguments);
		}
	}
});




Ext.override(Ext.view.DragZone,{
    onItemMouseDown: function(view, record, item, index, e) {
		var element;


        if (!this.isPreventDrag(e, record, item, index)) {
            this.handleMouseDown(e);


            // If we want to allow dragging of multi-selections, then veto the following handlers (which, in the absence of ctrlKey, would deselect)
            // if the mousedowned record is selected


			element = Ext.get(e.target.id);
			if (element != null && view.getSelectionModel().selectionMode == 'MULTI' && !e.ctrlKey && view.getSelectionModel().isSelected(record)) {
				return element.hasCls('x-grid-row-checker');
			}
        }
    }
});

Then, in just this one tested case, everything works fine.

[UelitonFreitas]

In my case i have to take off the id from target:

Ext.override(Ext.dd.DragSource,{
                handleMouseDown: function(e) {
                    
                    if(Ext.get(e.target).hasCls('x-grid-row-checker')){
                        return false;
                    }
        
                    if (this.dragging) {
                        return;
                    }
                    var data = this.getDragData(e);
                    if (data && this.onBeforeDrag(data, e) !== false) {
                        this.dragData = data;
                        this.proxy.stop();
                        this.callParent(arguments);
                    }
                }
            });


            Ext.override(Ext.view.DragZone,{
                onItemMouseDown: function(view, record, item, index, e) {
        
                    if (!this.isPreventDrag(e, record, item, index)) {
                        this.handleMouseDown(e);
        
                        // If we want to allow dragging of multi-selections, then veto the following handlers (which, in the absence of ctrlKey, would deselect)
                        // if the mousedowned record is selected
        
                         if (view.getSelectionModel().selectionMode == 'MULTI' && !e.ctrlKey && view.getSelectionModel().isSelected(record)) {
                             return Ext.get(e.target).hasCls('x-grid-row-checker');
                         }
                    }
                }
            });