How can I make an entire jqGrid disabled/readonly?
I have a page with a logical “edit section” which I show when the user selects something to edit, and hide when the user is done editing (save or cancel). While the edit section is shown, I disable several other elements on the page. I would like to disable their ability to click in the jqGrid, so they can’t change selected rows, re-sort, etc. But I cannot find a way to disable/enable the grid as a whole.
Apologies if this has been answered already – other questions seemed to focus on disabling only certain behaviors within the jqGrid.
Edit: Preferably, I’d like an approach that isn’t dependent on yet another 3rd-party addon. Nothing wrong with them, of course! But my client has a degree of reluctance with them, so my life would be a little easier with a purely jQuery/jQueryUI/jqGrid solution. 🙂
You could use blockUI to block the grid.