jqGrid的 - 在同级别多亚格[关闭](JqGrid - Multiple subgrid at

2019-08-17 05:18发布

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

Answer 1:

演示从trirand.net却与此以下

这很容易造成子网格像上面的图片。 你应该只了解技术如何亚格子为网格的作品。

如果用户点击“展开”(“+”)图标的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的空<div>所述div.tablediv )其中“子网格”内容应放置。 代替<table>元件中的一个可以将任何其他HTML fragmant。 见老演示从答案 。 因此,要“在同一级别上的多个子网格”创建一个只需要放置两个<table>元素与一些独特的ID和使用的jqGrid对地方的表创建网格。



文章来源: JqGrid - Multiple subgrid at the same level [closed]