JqG​​rid - 同一级别的多个子网格

时间:2013-02-27 16:17:02

标签: jqgrid subgrid

任何人都可以在同一级别的演示或示例中指向多个子网格。我已经看过http://www.trirand.net/demoaspnet.aspx了。我正在用javascript寻找一些东西。

1 个答案:

答案 0 :(得分:3)

来自trirand.net的

The demo仅显示以下内容

enter image description here

如上图所示,创建子网格非常容易。您应该了解技术Subgrid as Grid的工作原理。

如果用户点击“展开”(“+”)图标,jqGrid会在展开下面创建空的新行。行(<tr>)将获得类"ui-subgrid"。在行jqGrid的内部创建两个<td>元素一个td.subgrid-cell和另一个td.subgrid-data元素与主子网格信息。 jqGrid分配colspan,以便将<td>扩展到网格的最后一列。在td.subgrid-data jqGrid内部创建div.tablediv 。空div获得唯一的id属性,该属性将根据网格ID的id,字符“_”和扩展行的id构建。

下一步是最重要的。 jqGrid调用subGridRowExpanded回调。回调的第一个参数是空id的{​​{1}}(<div>),其中应放置“子网格”内容。可以放置任何其他HTML碎片,而不是div.tablediv元素。请参阅the old demo中的the answer。因此,要创建“同一级别的多个子网格”,只需将两个<table>元素与一些唯一ID放在一起,并使用jqGrid在表格的位置创建网格。