サブグリッドを静的にロードするには？

Question

私のグリッドにデータをロードするためにajaxを使いたくありません。すべてのデータをメイングリッドとサブグリッドに静的にロードする方法はありますか？

jqGridドキュメンテーションのサンプルでは、​​パラメータsubGridUrlが必要です。しかし、私は何かしたい：

var mydata = [ { 
// ... some static code for data creation here 
} ] 

とパラメータdataでMYDATAを使用しますが、サブグリッドは、このパラメータまたは何か他のものを持っていません。

Answer 1

subgrid as gridを使用する場合は、subGridRowExpandedコールバック内に新しいグリッドを作成する必要があります。コールバックはrowidをパラメータとして取得します。したがって、サブグリッドのパラメータdataとして使用できるデータの配列を取得する場合、サブグリッドはdatatype: 'local'で定義できます。

コードスキーマ以下程度とすることができます

var mainGridData = [ 
     {id: 'm1', ...}, 
     {id: 'm2', ...}, 
    ], 
    subgridData1 = [ 
     {id: 's11', ...}, 
     {id: 's12', ...}, 
    ], 
    subgridData2 = [ 
     {id: 's21', ...}, 
     {id: 's22', ...}, 
    ], 
    subgridByMainGridId = { 
     m1: subgridData1, 
     m2: subgridData2 
    }; 

    $('#mainGrid').jqGrid({ 
     datatype: 'local', 
     data: mainGridData, 
     .... 
     subGrid: true, 
     subGridRowExpanded: function(subgridId, rowId) { 
      var subgridTableId = subgridId + "_t"; 

      $("#" + $.jgrid.jqID(subgridId)).html('<table id="' + 
       subgridTableId + '"></table>'); 
      $("#" + $.jgrid.jqID(subgridTableId)).jqGrid({ 
       datatype: 'local', 
       data: subgridByMainGridId[rowId], 
       ... 
      }); 
    });