JQGrid：子网格作为带有导航栏的网格

我正在使用JQGrid并将子网格显示为JQGrid本身。 我想知道是否有一种方法可以显示子网格的导航栏

我试着按照JQGrid的方式来做，但没有成功

---

提前谢谢

确保在subGrid jqGRid函数中，您还将pager属性设置为子网格中的pager id

... subGrid: true,
            subGridRowExpanded: function(subgrid_id, row_id) 
            {
               var subgrid_table_id;
               var pager_id;
               subgrid_table_id = subgrid_id+"_t";
               pager_id = "p_"+subgrid_table_id;
               $("#" + subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+ pager_id +"' class='scroll'></div>");
               $("#" + subgrid_table_id).jqGrid({
                  url:"ListSub/"+ row_id,
                  datatype: "json",
                  colNames: ['Street1','Street2','Street3','Zip','Place','Country'],
                  colModel:
                  [
                    {name:"Street1",index:"Street1",width:80,key:true, editable:true},
                    {name:"Street2",index:"Street2",width:130, editable:true},
                    {name:"Street3",index:"Street3",width:80,align:"right", editable:true},
                    {name:"Zip",index:"Zip",width:80,align:"right", editable:true},           
                    {name:"Place",index:"Place",width:100,align:"right", editable:true},
                    {name:"Country",index:"Country",width:100,align:"right", editable:true}
                  ],
                  caption: "Offices",
                  height: "100%",
                  rowNum:10,
                  sortname: 'Street1',
                  sortorder: "asc",
                  pager:pager_id
               });
             jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false,search:false})
            }....

。。。子网格：对，
subGridRowExpanded:函数（subgrid\u id，row\u id）
{
var子网格\u表\u id；
变量寻呼机id；
子网格\表\ id=子网格\ id+“\ t”；
pager_id=“p_”+子网格\u表\u id；
$（“#”+子网格_id）.html（“”）；
$（“#”+子网格_表_id）.jqGrid({
url:“ListSub/”+行id，
数据类型：“json”，
colNames:['Street1'，'Street2'，'Street3'，'Zip'，'Place'，'Country'，]，
colModel：
[
{名称：“Street1”，索引：“Street1”，宽度：80，键：true，可编辑：true}，
{名称：“Street2”，索引：“Street2”，宽度：130，可编辑：true}，
{名称：“Street3”，索引：“Street3”，宽度：80，对齐：“右”，可编辑：true}，
{名称：“Zip”，索引：“Zip”，宽度：80，对齐：“right”，可编辑：true}，
{name:“Place”，index:“Place”，width:100，align:“right”，可编辑：true}，
{名称：“国家”，索引：“国家”，宽度：100，对齐：“右”，可编辑：true}
],
描述：“办公室”，
高度：“100%”，
rowNum:10，
sortname:“Street1”，
分拣员：“asc”，
寻呼机：寻呼机id
});
jQuery（“#”+子网格_表_id）.jqGrid（'navGrid'，“#”+pager_id，{edit:false，add:false，del:false，search:false}）
}....

确保在subGrid jqGRid函数中，您还将pager属性设置为子网格中的寻呼机id

... subGrid: true,
            subGridRowExpanded: function(subgrid_id, row_id) 
            {
               var subgrid_table_id;
               var pager_id;
               subgrid_table_id = subgrid_id+"_t";
               pager_id = "p_"+subgrid_table_id;
               $("#" + subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+ pager_id +"' class='scroll'></div>");
               $("#" + subgrid_table_id).jqGrid({
                  url:"ListSub/"+ row_id,
                  datatype: "json",
                  colNames: ['Street1','Street2','Street3','Zip','Place','Country'],
                  colModel:
                  [
                    {name:"Street1",index:"Street1",width:80,key:true, editable:true},
                    {name:"Street2",index:"Street2",width:130, editable:true},
                    {name:"Street3",index:"Street3",width:80,align:"right", editable:true},
                    {name:"Zip",index:"Zip",width:80,align:"right", editable:true},           
                    {name:"Place",index:"Place",width:100,align:"right", editable:true},
                    {name:"Country",index:"Country",width:100,align:"right", editable:true}
                  ],
                  caption: "Offices",
                  height: "100%",
                  rowNum:10,
                  sortname: 'Street1',
                  sortorder: "asc",
                  pager:pager_id
               });
             jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false,search:false})
            }....

。。。子网格：对，
subGridRowExpanded:函数（subgrid\u id，row\u id）
{
var子网格\u表\u id；
变量寻呼机id；
子网格\表\ id=子网格\ id+“\ t”；
pager_id=“p_”+子网格\u表\u id；
$（“#”+子网格_id）.html（“”）；
$（“#”+子网格_表_id）.jqGrid({
url:“ListSub/”+行id，
数据类型：“json”，
colNames:['Street1'，'Street2'，'Street3'，'Zip'，'Place'，'Country'，]，
colModel：
[
{名称：“Street1”，索引：“Street1”，宽度：80，键：true，可编辑：true}，
{名称：“Street2”，索引：“Street2”，宽度：130，可编辑：true}，
{名称：“Street3”，索引：“Street3”，宽度：80，对齐：“右”，可编辑：true}，
{名称：“Zip”，索引：“Zip”，宽度：80，对齐：“right”，可编辑：true}，
{name:“Place”，index:“Place”，width:100，align:“right”，可编辑：true}，
{名称：“国家”，索引：“国家”，宽度：100，对齐：“右”，可编辑：true}
],
描述：“办公室”，
高度：“100%”，
rowNum:10，
sortname:“Street1”，
分拣员：“asc”，
寻呼机：寻呼机id
});
jQuery（“#”+子网格_表_id）.jqGrid（'navGrid'，“#”+pager_id，{edit:false，add:false，del:false，search:false}）
}....

子网格：真，
subGridRowExpanded:函数（ParentGridID，rowid）{
var datagridSub，navGrid；
SubGridID=ParentGridID+“\u t”；
//警报（rowid）；
navGrid=“p_u2;”+datagridSub；
$（“#”+ParentGridID）.html（“”）；
jQuery（“#”+SubGridID）.jqGrid({
url:“服务url”+rowid，
数据类型：“json”，
键入：“获取”，
colname:['Id'、'MID'、'VendorCode1'、'VendorCode2'、'Percentage']，
宽度：700，
colModel：[
{名称：“id”，索引：“id”，宽度：30}，
{名称：“中间”，索引：“中间”，宽度：30}，
{名称：“vendorcode1”，索引：“vendorcode1”，宽度：40}，
{名称：“vendorcode2”，索引：“vendorcode2”，宽度：40}，
{名称：“百分比”，索引：“百分比”，宽度：70}
],
jsonReader：{
repeatitems:false，//用于绑定网格中的数据（如果是JSON格式）。
id:“id”，
root:函数（obj）{return obj；}//用于绑定网格中的数据。
//第页：函数（）{return 1；}，
//总计：函数（）{return 1；}，
//记录：函数（obj）{return obj.length；}，
},
rowNum:20，
寻呼机：“#PagerID”，
sortname:'num'，
分拣员：“asc”，
postData:{id:rowid}，
身高：120%，
});
}

子网格：真，
subGridRowExpanded:函数（ParentGridID，rowid）{
var datagridSub，navGrid；
SubGridID=ParentGridID+“\u t”；
//警报（rowid）；
navGrid=“p_u2;”+datagridSub；
$（“#”+ParentGridID）.html（“”）；
jQuery（“#”+SubGridID）.jqGrid({
url:“服务url”+rowid，
数据类型：“json”，
键入：“获取”，
colname:['Id'、'MID'、'VendorCode1'、'VendorCode2'、'Percentage']，
宽度：700，
colModel：[
{名称：“id”，索引：“id”，宽度：30}，
{名称：“中间”，索引：“中间”，宽度：30}，
{名称：“vendorcode1”，索引：“vendorcode1”，宽度：40}，
{名称：“vendorcode2”，索引：“vendorcode2”，宽度：40}，
{名称：“百分比”，索引：“百分比”，宽度：70}
],
jsonReader：{
repeatitems:false，//用于绑定网格中的数据（如果是JSON格式）。
id:“id”，
root:函数（obj）{return obj；}//用于绑定网格中的数据。
//第页：函数（）{return 1；}，
//总计：函数（）{return 1；}，
//记录：函数（obj）{return obj.length；}，
},
rowNum:20，
传呼机：'#Pa