How to make all jqGrid disabled / readonly

Question

How can I disable / disable all jqGrid?

I have a page with a logical “edit section” that I show when the user selects something to edit, and hides when the user does the editing (save or cancel). While the edit section is displayed, I will disable several other elements on the page. I would like to disable their ability to click on jqGrid so that they cannot change the selected rows, re-sort, etc. But I can not find a way to disable / enable the grid as a whole.

Sorry if this has already been answered - other questions seem to have focused on disabling only certain actions inside jqGrid.

Edit: Preferably, I need an approach that is independent of another third-party addon. Of course, nothing wrong with them! But my client has a reluctance with them, so my life will be a little easier using exclusively jQuery / jQueryUI / jqGrid. :)

Answer 1

You can use blockUI to lock the grid.

Answer 2

Try to use $("#lui_" + myGridId).show().

The mesh created this overlay inside, uses it as one part of the loader message. You can just show it or hide it, and it will disable / activate the grid for you.