Hide expand/collapse symbol or deactivate spec. rows in jqGrid subgrid

by

Hiding the ‘subgrid’ column with jQuery("#grid_id").hideCol('subgrid'); remove full column which can be used to expand or collapse the subgrid, so you can not use the way in your case.

I suggest you to clear contain of the ‘subgrid’ column and unbind the ‘click’ event for the cells inside of loadComplete event handle:

loadComplete: function() {
    $("td.sgcollapsed:not(:first)","#list").unbind('click').html('');
}

you will have the following results:
alt text
(You can see the corresponding example live here). It’s important to understand, that the loadComplete event will be called on any page, so on the second page you will have subrgid also only on the first row.

If you need to implement more complex logic in choosing of the rows which need have subgrids you can use following code

loadComplete: function() {
    var grid = $("#list");
    var subGridCells = $("td.sgcollapsed",grid[0]);
    $.each(subGridCells,function(i,value){
        if (i!==0) {
            $(value).unbind('click').html('');
        }
    });
}

The code above do the same as the statement $("td.sgcollapsed:not(:first)","#list").unbind('click').html(''), but you can easy modify the last version of the code to implement more complex behavior.

UPDATED: If you need detractive subgrid only for some row identified by the rowid you can use

$("#"+rowid+" td.sgcollapsed",grid[0]).unbind('click').html('');

(see live here) inside of the loadComplete. If you need deactivate subgrid for all rows which id is not equal to rowid you can make something like following

$('td.sgcollapsed:not("#'+rowid+' td.sgcollapsed")',grid[0]).unbind('click').html('');

(see live here)

UPDATED: free jqGrid now have new feature described in the answer: hasSubgrid callback which can be specified in subGridOptions. It allows to inform jqGrid which rows should don’t have subgrids.

More Related Contents:

  1. JQGrid – How Can We make an Custom Row Detail
  2. jqGrid Subgrid with “local” Data
  3. Stopping columns resizable in jqgrid
  4. Adding a CSS class to a column
  5. how to persist current row in jqgrid
  6. Browser Memory Usage Comparison: inline onClick vs. using JQuery .bind()
  7. Unable to position pager (navigation bar) above jqGrid
  8. Jqgrid: navigation based on the selected row
  9. JqGrid with autocompletion cant parse data from controller to view
  10. jqGrid client-side searching
  11. Add toolbar in the bottom of the header using jqgrid
  12. Custom jQGrid post action
  13. Jqgrid Tree View Adjacencey
  14. JQgrid checkbox onclick update database
  15. jqgrid dynamic columns and data by json [duplicate]
  16. jqGrid : issue loading nested sub grid with local datatype
  17. jqGrid implementing of custom cell: integration of raty-plugin
  18. JQGrid Programmatically Select Grid Row
  19. jqGrid need a field editable on Add dialog but not Edit dialog
  20. Real-time data in a grid – better method
  21. Mapping JSON data in JQGrid
  22. jqgrid nested subgrid 4th level subgrid always returns first rowid of the subgrid
  23. jqGrid – format ratio field as percent value
  24. Is it possible to modify the colModel after data has loaded with jqgrid?
  25. jqGrid – How to modify form_editing construction?
  26. Filtering jqGrid datetime columns using date picker just on date
  27. jqGrid Pager Area – Using Font Awesome Icons
  28. jqGrid DatePicker filtering without hitting Enter key
  29. jqGrid trigger “Loading…” overlay
  30. How to delete rows with local data in jqgrid

Leave a Comment