Expanding jqgrid subgrid

Question

I have a jqgrid that has a subgrid. How can I expand the subgrid without having to click on the plus sign?

I came across $("#jqgrid_id").expandSubGridRow(rowId); but am unsure which rowId to use to expand the subgrid.

Thanks.

John Hartsock · Accepted Answer · 2010-12-12T22:32:35.617

11

Use $("#jqgrid_id").expandSubGridRow(rowId); in the onSelectRow Event of the grid.

Something like this:

jQuery("#jqgrid_id").jqGrid({
...
   onSelectRow: function(rowId){ 
      $("#jqgrid_id").expandSubGridRow(rowId); 
   },
...
});

EDITED: on GridComplete event

jQuery("#jqgrid_id").jqGrid({
...
   gridComplete: function(){ 
      var rowIds = $("#jqgrid_id").getDataIDs();
      $.each(rowIds, function (index, rowId) {
        $("#jqgrid_id").expandSubGridRow(rowId); 
      });
   },
...
});

edited Dec 12 '10 at 22:32

answered Jul 27 '10 at 15:57

John Hartsock

85,422
23
131
146

Can I expand the subgrid without the user having to click on anything? For example, after the jqgrid and subgrid have finished loading, the subgrid is automatically expanded. – Trevor Jul 27 '10 at 16:00
sure in that case use the onGridComplete Event. – John Hartsock Jul 27 '10 at 16:01
What would I use for the rowID? – Trevor Jul 27 '10 at 16:07
Sorry trevor. Probably should have been more specific. Check out my edited answer – John Hartsock Jul 27 '10 at 16:19
AS mentioned by @Stefan below, Change getDataIds() to getDataIDs()! – understack Dec 12 '10 at 13:38

score 1 · Answer 2 · answered Aug 26 '10 at 19:41

1

Change getDataIds() to getDataIDs()!

answered Aug 26 '10 at 19:41

Stefan

11
1

Expanding jqgrid subgrid

2 Answers2

Linked