<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
$(document).ready(function() {
$(“#test”).jqGrid({
datatype: “local”,
colModel:[
{name:'id', width:50, sorttype:”int”},
{name:'text', width:500},
],
height: 400,
width: 800,
pager:$('#testPager'),
subGrid:true,
subGridRowExpanded: function(subgrid_id, row_id) {
var subgrid_table_id, pager_id;
subgrid_table_id = subgrid_id+”_t”;
pager_id = “p_”+subgrid_table_id;
$(“#”+subgrid_id).html(“
“);
$(“#”+subgrid_table_id).jqGrid({
datatype: “local”,
colModel:[
{name:'field1', width:200},
{name:'field2', width:200},
],
height: 100,
width: 700,
pager:$('#'+pager_id)
});
$(“#”+subgrid_table_id).navGrid(“#”+pager_id,
{edit:false, add:false, del:false, search:true},
{}, // edit options
{}, // add options
{}, // del options
{multipleSearch:true} // search options
);
var testData2 = [
{id:”111″, text:”Test #1″},
{id:”222″, text:”Test #2″},
{id:”333″, text:”Test #3″}
];
for(var i=0;i<=testData2.length;i++)
$(“#”+subgrid_table_id).jqGrid('addRowData',i+1,testData2);
}
});
$(“#test”).navGrid('#testPager',
{edit:false, add:false, del:false, search:true},
{}, // edit options
{}, // add options
{}, // del options
{multipleSearch:true} // search options
);
var testData = [
{id:”1″, text:”Test line #1″},
{id:”2″, text:”Test line #2″},
{id:”3″, text:”Test line #3″}
];
for(var i=0;i<=testData.length;i++)
$(“#test”).jqGrid('addRowData',i+1,testData);
});
.
