如何在jqgrid中添加新的按钮/图像列

Question

我在ASP.net MVC Web应用程序中使用JQgrid.

我能够通过使用添加名为edit的新按钮列 formatters

但是,问题是我无法获得单击按钮的行中的列值.

例如,如果我在第4行单击按钮编辑(新添加),我将需要获取该特定行的第一列的值.

我需要这个,因为我想重定向到具有该值的另一​​个页面并在那里进行编辑.

我无法获取该值并向其添加javascript.

请使用任何代码示例帮助解决此问题.

Answer 1

您不需要将click事件处理程序绑定到列中的每个按钮。每个绑定都会占用网络浏览器的内存和其他资源。大多数事件从内部到外部 DOM 元素冒泡（请参见此处），鼠标单击、键盘按下、触摸 touchstart 以及网格内部按钮上的其他事件都会冒泡到网格的<table>元素。jqGrid 默认click在网格上注册事件处理程序。它从事件处理程序中调用beforeSelectRow和onCellSelect回调以及触发器jqGridBeforeSelectRow和事件。jqGridCellSelect因此，不必click在每个按钮上绑定您自己的事件处理程序，只需使用上面列出的回调或事件之一就足够了。beforeSelectRow(或jqGridBeforeSelectRow) 将首先使用。如果您单击按钮时未选择相应的行，则回调很实用。例如，答案显示如何验证您需要的列是否被调用。另一个答案提供了一个非常接近您需要的示例。另一个答案为您提供了另一个代码片段。要查看更多关于该主题的旧答案，您可以使用以下查询。

更新：演示http://jsfiddle.net/ShKDX/82/是对 Manuel van Rijn 发布的演示的修改。它证明了我的意思。