主网格中的JQGrid按钮每行加载详细信息网格

Question

我正在测试此网址的示例：http://trirand.com/blog/jqgrid/jqgrid.html。现在，详细信息网格在页面加载时加载了默认ID。

请求的功能

单击时，我想要每行中的详细信息按钮应加载详细信息网格。有人请告诉我如何。我也在努力。

Answer 1

您可以使用custom formatter或<botton type='button' ....>（或<input type='button' ...>）关注loadComplete或gridComplete {{3}内的'setRowData' }。如果查看event handler并选择“行编辑”/“自定义编辑”，则可以找到示例。 onClick事件的绑定可以在“行编辑”/“自定义编辑”示例中执行，也可以jqGrid demo方式执行（请参阅unobtrusive中的示例不完全针对同一问题，但我希望你能理解我的意思）使用here或jQuery.click。顺便说一下，您可以考虑使用链接（<a>或showLink）来代替按钮。

在“点击”手柄内部，您可以强制加载细节网格，就像通常在onSelectRow内部一样。

更新：查看jQuery.bind，了解如何将静态文本作为jqGrid中的链接放置：

可能需要在服务器的JSON响应中的“详细信息”列中填充空字符串''。在某些情况下，取决于数据格式和jsonReader使用它可能不是必需的。

如果是主/细节场景，您可以在演示示例中显示“单击行...”文本的位置显示（设置url或postData和触发gridReload）细节网格。