JQGrid - How Can We make an Custom Row Detail

jqgrid subgrid
lovedota picture lovedota · Nov 6, 2010 · Viewed 9.2k times · Source

Some one give me the some Sample Code to make my Grid like this.I read in document that jqgrid just supports subgrid.

like this page in Hierachy http://trirand.net/demoaspnetmvc.aspx

thanks !

Answer

Oleg picture Oleg · Nov 6, 2010

On the page Custom Row Detail you can see how you can use subGridRowExpanded event handle to show custom HTML data as subgrid data. In general if you have any standard jqGrid you can implement the same very easy. You should just add subGrid: true to the grid and define subGridRowExpanded which append html to the subgrid:

subGridRowExpanded: function(subgrid_id, row_id) {
    var html = "<span>Some HTML text which corresponds the row with id="+
               row_id + "</span><br/>";
    $("#" + subgrid_id).append(html);
}

You can see this live here:

Related questions

Mapping JSON data in JQGrid

I am using jqGrid 3.6.4 and a jquery 1.4.2 . in my sample i am getting following json data format & i want to map these json data into rows of a jqgrid { "page": "1", "total": 1, "records": "6", "rows": [ { "head": { "student_name": "Mr S. Jack ", "…

Read More
jQuery - jQGrid - expand,collapse subgrid on grid row click

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 …

Read More
Expanding jqgrid subgrid

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

Read More