91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

如何在jqgrid中使用子表格

小樊
126
2024-06-26 17:21:48
欄目: 編程語言

在jqGrid中使用子表格可以通過以下步驟實現:

  1. 在主表格中設置子表格的屬性,包括子表格的名稱、展示方式等。
  2. 在子表格中設置需要顯示的列信息。
  3. 使用jqGrid的事件處理函數來加載和顯示子表格數據。

以下是一個示例代碼,演示如何在jqGrid中使用子表格:

$("#grid").jqGrid({
  url: 'data.json',
  datatype: 'json',
  mtype: 'GET',
  colModel: [
    { name: 'id', index: 'id', key: true, hidden: true },
    { name: 'name', index: 'name', width: 200 },
    { name: 'age', index: 'age', width: 100 },
    { name: 'company', index: 'company', width: 300 }
  ],
  subGrid: true,
  subGridRowExpanded: showSubGrid
});

function showSubGrid(subgrid_id, row_id) {
  var subgrid_table_id;
  subgrid_table_id = subgrid_id + "_t";
  $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "'></table>");
  $("#" + subgrid_table_id).jqGrid({
    url: 'sub_data.json?foo=' + row_id,
    datatype: 'json',
    colModel: [
      { name: 'id', index: 'id', key: true, hidden: true },
      { name: 'product', index: 'product', width: 200 },
      { name: 'price', index: 'price', width: 100 },
      { name: 'quantity', index: 'quantity', width: 100 },
      { name: 'total', index: 'total', width: 100 }
    ]
  });
}

在上面的示例中,主表格中包含了一個子表格,子表格中顯示了產品的信息。在展開主表格的每一行時,會加載對應行的子表格數據并顯示在子表格中。

0
高雄市| 双江| 大宁县| 溧阳市| 南充市| 申扎县| 水富县| 曲阜市| 大埔区| 富宁县| 嘉定区| 鄂温| 平顶山市| 松阳县| 聂拉木县| 全南县| 饶阳县| 浦县| 南投市| 徐州市| 浦江县| 荣成市| 福泉市| 紫阳县| 锡林浩特市| 唐河县| 惠东县| 枣庄市| 苍南县| 巨鹿县| 西宁市| 开封县| 和顺县| 弥渡县| 云和县| 元江| 郸城县| 锡林浩特市| 天津市| 华坪县| 池州市|