在jqgrid中单击一个单元格时，弹出一个带有自定义数据的自定义表单

Question

我有一个显示公司数据的网格控件。我希望一列成为“员工”。单击“员工”列的任何单元格，我想弹出一个名为“员工详细信息”的表单，并希望感受到数据。

我该怎么做？

据我所知，单击jqgrid单元格时的模态表单只处理与该行相关的数据。我想在弹出窗体上显示不同的数据，即网格数据以外的其他数据。

帮助。

Shivali

Answer 1

您可以在列中使用unobtrusive links（请参阅this和this答案）。这种技术的优点是，您可以在点击链接时定义任何自定义操作，而不是典型的链接。链接的外观可以由CSS定义，但似乎链接可以更好地向用户显示其他HTML元素，用户可以单击它。

备选方案您可以使用与自定义格式化程序相关的列中的按钮，但使用与之前描述的相同的技术，您可以自由定义将在单击时执行的操作。

在带有参数“e”的点击事件内，您有e.currentTarget作为链接的<a>的DOM元素，如果您使用按钮，则<input>或<button>在网格列中。要查找行ID，您可以使用var row = $(e.currentTarget).closest("tr.jqgrow")或var row = $(e.target).closest("tr.jqgrow")来查找<tr>元素。行ID将为row[0].id。