如何僅在特定行上顯示jqGrid子網格？

Question

我使用jqGrid創建了一個具有多個子網格級別的網格，並從answer獲得了一些幫助。以下是我目前有：

我想修改的方式，只顯示子格是否有數據顯示。換句話說，如果count > 0。按道理我嘗試添加的條件（以下僞代碼，基於前面提到的答案）：

原始代碼

var gridParams = { 
    datatype: 'local', 
    data: myGridData, 
    colNames: ['Column 1', 'Column 2'], 
    colModel: [ 
     { name: 'col1', width: 200 }, 
     { name: 'col2', width: 200 } 
    ], 
    ... 
    subGrid: true, 
    subGridRowExpanded: function (subgridDivId, rowId) { 
     var subgridTableId = subgridDivId + "_t"; 
     $("#" + subgridDivId).html("<table id='" + subgridTableId + "'></table>"); 
     $("#" + subgridTableId).jqGrid({ 
      datatype: 'local', 
      data: mySubgrids[rowId], 
      colNames: ['Col 1', 'Col 2', 'Col 3'], 
      colModel: [ 
       { name: 'c1', width: 100 }, 
       { name: 'c2', width: 100 }, 
       { name: 'c3', width: 100 } 
      ], 
      ... 
     }); 
    } 
} 

$("#grid").jqGrid(gridParams); 

調整代碼

var gridParams = { 
    datatype: 'local', 
    data: myGridData, 
    colNames: ['Column 1', 'Column 2'], 
    colModel: [ 
     { name: 'col1', width: 200 }, 
     { name: 'col2', width: 200 } 
    ], 
    ... 
} 

// Condition added HERE 
if (count > 0) 
{ 
    gridParams.subGrid = true; 
    gridParams.subGridRowExpanded = function (subgridDivId, rowId) { 
     var subgridTableId = subgridDivId + "_t"; 
     $("#" + subgridDivId).html("<table id='" + subgridTableId + "'></table>"); 
     $("#" + subgridTableId).jqGrid({ 
      datatype: 'local', 
      data: mySubgrids[rowId], 
      colNames: ['Col 1', 'Col 2', 'Col 3'], 
      colModel: [ 
       { name: 'c1', width: 100 }, 
       { name: 'c2', width: 100 }, 
       { name: 'c3', width: 100 } 
      ], 
      ... 
     }); 
    } 
} 

$("#grid").jqGrid(gridParams); 

但只是失敗慘不忍睹：

這是根本不支持或我做錯了什麼？

Answer 1

如果我正確理解你的問題，那麼你想刪除子網格中沒有元素的行的「+」（展開子網格）圖標。在這種情況下，您可以遵循the old answer中描述的舊技巧。您可以添加loadComplete手柄，該手柄會從網格中刪除一些具有subGrid: true選項的「+」圖標。你只需要知道其中有沒有子網格網格的所有行的rowid和更新的行

$("#" + rowid + ">td.sgcollapsed").unbind("click").html(""); 

做：我張貼的free jqGrid，可以方便地實現沒有上述黑客的要求修改。

The demo演示新功能。實施非常簡單。它包含hasSubgrid在subGridOptions之內的回調。該回調具有options，該對象具有屬性rowid,data和兩個較不重要的屬性iRow和iCol。演示代碼使用代表該行數據的options.data。該演示創建亞格只有當輸入行有tax走高，20

subGridOptions: { 
    hasSubgrid: function (options) { 
     return parseFloat(options.data.tax) > 20; 
    } 
} 

你可以在你的情況下使用mySubgrids[options.data.rowid].length，如果我理解正確輸入數據的格式。