subgrid

I am trying to populate data in the subgrid, but I have trouble doing it. I guess the trouble is that I need to show the data generated from the same URL. Its is nested data. The data is json. I looked around for examples, some specify the need for a jsonreader and some completely omit it. I am very new to jquery and jgrid. I want the header field to be displayed when the item is expanded. The data I get from the server is as below: {"total":18,"page":1,"records":18,"rows":[ {"Name":"Jane", "Header":[{"Type":"bundle","Selected":"true"}]} Here I need to display the information in the Header in

Here there is an answer on how to expand a subgrid when we click a row using: onSelectRow: function(rowId) { $("#jqgrid_id").expandSubGridRow(rowId); } How can we collapse the row if it has been already expanded? I am looking for something like: onSelectRow: function(rowId){ if (the_row_of_the_grid is expanded) { // collapse: How implement this??? } else { $("#jqgrid_id").expandSubGridRow(rowId); } } to have a complete expand/collapse on row click. Oleg I haven't tested it, but it seems to me that the following code should do what you need: onSelectRow: function (rowId) { $("#jqgrid_id")

Can anyone point to multiple subgrid at the same level demo or example . I have already looked at http://www.trirand.net/demoaspnet.aspx . I'm looking for something in javascript. Oleg The demo from the trirand.net shows just the following It's very easy to create the subgrids like on above picture. You should just understand how the technique Subgrid as Grid works. If the user click on "Expand" ("+") icon jqGrid create empty new row below of the expanding. The row ( <tr> ) will get the class "ui-subgrid" . Inside of the row jqGrid create two <td> elements one td.subgrid-cell and another td

I want hide it completely from the main grid too. See image for more clarification. Thanks in advance. The column which you need to hide has the name "subgrid" . So to hide it you can use $("#grid").jqGrid("hideCol", "subgrid"); If you need to implement interface for opening or closing subgrids you can call toggleSubGridRow method directly. For example the following callback will toggle subgrid on double-click on the main row: ondblClickRow: function (rowid) { $(this).jqGrid("toggleSubGridRow", rowid); } See the corresponding demo here : UPDATED : If you want to hide additionally the icon from

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. 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,

I've got a subgrid that, when you click the "+" sign next to "Cheese", the ajax query fires, and I see the subgrid column names, but the actual data isn't populated into the subgrid. The problem happens regardless of which grid I try to expand, but the "Cheese" example is the one shown below. You can see the XML response in the bottom portion of the FireBug output in the screenshot. I've read through that XML, and it looks to be valid. On a hunch, I also pasted the XML output into this page , and it seems to indent just fine. On top of that, I also had the ajax call return some very basic