ExtJS deselect a row by pressing on the background

Question

How can I deselect a selected row from a grid by pressing on the background? It seems that after I select a row I cannot deselect it I can only change my selection by selecting other rows. In windows you can deselect by pressing on the white background. Is there a way to achieve that with ExtJS grids?

EDIT: I do NOT want to do this programmatically. Please do not suggest deselectAll() and other such methods. I'm looking for a config or something similar.

Answer 1

You can use allowDeselect config of selection model,Have a look : Docs

 selModel : Ext.create('Ext.selection.CheckboxModel',{
            allowDeselect:true,
            mode:'SINGLE'
        }),