Disable subgrid expansion for selected rows of jqGrid

Question

Problem: jqGrid with subgirds. I want to disable the expand/collapse functionality for some rows of the main grid.

Indifferentism

Answer 1

I actually found a way:

grid.jqGrid('setGridParam',{
                afterInsertRow: function(rowid, aData, rowelem) {

                    var rowData = grid.getRowData(rowid);
                    if(**Condition**){
                        $('tr#'+rowid, grid)
                         .children("td.sgcollapsed")
                         .html("")
                         .removeClass('ui-sgcollapsed sgcollapsed');
                    }
                }
            });

There was a bit of a problem. The code @Frank removed the icon, but the 'click' event was still triggered. Trying to unbind the 'click' event doesn't seem to work, probably because it is attached later on ( maybe on gridComplete). Anyway, I figured that the click event is attached using one of the 'ui-sgcollapsed sgcollapsed' classes, so if you remove them, the event won't be attached.

Hope it helps.

Gnomon

Answer 2

Add this to the gridConfig

afterInsertRow: function(rowid, aData, rowelem) {
    // Remove the subgrid plus button except for rows that have exceptions
    if (CONDITION) {
        $('#' + rowid).children("td.sgcollapsed").unbind().html("");
    }
},

Pasho

As Madalin mentions, this only removes the icon. Users can still click into it, meaning the functionality still exists. – Soil

Answer 3

If you are trying to disable or hide the subgrids expand and collapse button then use this on loadcomplete,

jQuery("#GridTeableID").jqGrid('hideCol', "subgrid");

Godsey

This should be the answer. Thanks! – Harriott

Answer 4

Unfortunately there is no jqGrid API for this. You will have to wait until the grid is created and then, perhaps from the loadComplete event, you will need to manually loop over all rows and disable selected ones.

If you inspect the DOM elements that compose the grid you can probably figure out a way to remove / disable the expander for selected rows. Perhaps by using jQuery.remove.

Headmost