JqGrid - SubGrid wird nicht angezeigt

Question

Ich verwende die JqGrid-subGrid-Option in meinem MVC-Projekt, um ein verschachteltes gridview Aussehen zu erhalten. Ich war in der Lage, Daten in das übergeordnete Raster zu füllen, ich habe das subgrid aktiviert und die subGrid Url für poplulating innergrid Daten gegeben. Jetzt das Problem, subgrid ist nicht angezeigt, wenn die Seite ausgeführt wird, nicht nur das, die subGridUrl: Methode wird nicht aufgerufen. Kann mir jemand helfen, den Grund dafür herauszufinden? Unten ist mein Code:

jQuery(document).ready(function () {

     jQuery("#list").jqGrid({

         url: '/jqgrid/DynamicGridData/',

         datatype: 'json',

         mtype: 'GET',

         colNames: ['SurveyQnGrpId', 'SurveyQnGroup1'],

         colModel: [
              { name: 'SurveyQnGrpId', index: 'SurveyQnGrpId', width: 40, align: 'left' },

              { name: 'SurveyQnGroup1', index: 'SurveyQnGroup1', width: 400, align: 'left'}],

            pager: jQuery('#pager'),

         rowNum: 10,

         rowList: [5, 10, 20, 50],

         sortname: 'SurveyQnGrpId',

         sortorder: "SurveyQnGroup1",

         viewrecords: true,

         caption: 'My first grid',

            subGrid: true,

            subGridUrl: '/jqgrid/InnerGridData/',

         subGridModel: [
            {

                name: ['SurveyQnGrpId','SurveyQnId', 'SurveyQn', 'SurveyQnCategory', 'MandatoryQn','RadioOption3'],

                width: [10,10, 100, 10, 10,10],

                align: ['left', 'left', 'left', 'left'],

                params: ['SurveyQnGrpId']

            }]

     });
 });

Vielen Dank im Voraus, Ancy

Answer 1

Ich fand es einfacher, das eingebaute Untergitter zu verwerfen und das Beispiel "Untergitter als Gitter" zu verwenden, um ein brandneues Gitter im Handumdrehen einzufügen:

Aus deren Wiki:

subGrid: true,
subGridRowExpanded: function(subgrid_id, row_id) {
// we pass two parameters
// subgrid_id is a id of the div tag created within a table
// the row_id is the id of the row
// If we want to pass additional parameters to the url we can use
// the method getRowData(row_id) - which returns associative array in type name-value
// here we can easy construct the following
   var subgrid_table_id;
   subgrid_table_id = subgrid_id+"_t";
   jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table>");
   jQuery("#"+subgrid_table_id).jqGrid({
      url:"subgrid.php?q=2&id="+row_id,
      datatype: "xml",
      colNames: ['No','Item','Qty','Unit','Total'],
      colModel: [
        {name:"num",index:"num",width:80,key:true},
        {name:"item",index:"item",width:130},
        {name:"qty",index:"qty",width:80,align:"right"},
        {name:"unit",index:"unit",width:80,align:"right"},           
        {name:"total",index:"total",width:100,align:"right",sortable:false}
      ],
      height: 100%,
      rowNum:20,
      sortname: 'num',
      sortorder: "asc"
   });

Answer 2

Müssen Sie Folgendes hinzufügen

subGrid: true,
        jsonReader : {
            root: "rows",
            page: "page",
            total: "total",
            records: "records",
            repeatitems: true,
            cell: "cell",
            id: "id",
            subgrid: {
                root: "rows",
                repeatitems: true,
                cell: "cell",
                id: "id"
            }
        },

und Sie müssen auch neue jqgrid SRC-Verzeichnis herunterladen und wählen Sie alle Komponenten, wie ich denke, es gibt Abhängigkeiten