Question

I have a grid with a CheckBoxColumn and RowEditor plugin that is configured with clicksToEdit: 1

How can I prevent the RowEditor to open when the CheckBoxColumn is clicked? Cause I am not able to select more than one row at a time.

Answer 1

RowEditor have the ‘beforeedit’ event. The second parameter of this event is a edit event object – e.

Edit event object have a property ‘cancel’ – set it to true to cancel the edit or return false from your handler.

So, we can just set it in ‘true’ or ‘false’ to disable or enable the RowEditor:

    {
        xtype: 'checkbox',
        fieldLabel: 'Disable row Editor',
        listeners: {
            change: function(cb) {
                var editor = cb.up('grid').editingPlugin;
                editor.on({
                    beforeedit: function(plugin, e) {
                        e.cancel = cb.checked;
                    }
                });
            }
        }
    }

Please, see live example on jsfiddle: http://jsfiddle.net/p7Vzu/