javascript - 单击自定义按钮时获取行数据

Question

我正在使用免费的 jqgrid 4.14，我需要在我的网格中有一个自定义图像(某种邮件图标)，当单击该图像时，它应该打开一个具有表单的模式窗口，其中包含单击行的数据在表单的消息字段中，还有其他几个字段，如发件人邮件 ID、收件人邮件 ID 和主题。

所以，我能够在我的网格中拥有自定义图像。现在，我们有 onSelectRow 属性，通过它我们可以获得单击的行的 id，并且我们有 getRowData 它将提供列的数据。

所以，我对 onSelectRow 进行了类似这样的更改

onSelectRow: function(id){ 
            if(id && id!==lastSel){ 
                jQuery(this).restoreRow(lastSel); 
                lastSel=id; 
                var rowId = $(this).getRowData(lastSel);
            } 
            jQuery(this).editRow(id, true); 
        }

现在，单击时将给出每行的数据。但是当我的自定义图像被点击时，我如何获得相同的功能？

编辑:我需要这样的东西-

http://www.ok-soft-gmbh.com/jqGrid/Admin3.htm

但是在这里我找不到像这里那样的图像

Answer 1

有很多方法可以实现该要求。我在 the answer 中描述的最简单的一个之一。您可以使用 formatter: "actions"

添加列

{
    name: "act", template: "actions", width: 25,
    formatoptions: { editbutton: false, delbutton: false }
}

和 jqGrid 选项，指定其他自定义按钮

actionsNavOptions: {
    mailicon: "fa-envelope-o",
    custom: [
        {
            action: "mail",
            position: "first",
            onClick: function (options) {
                alert("Mail for rowid=" + options.rowid);
            }
        }
    ]
}

参见https://jsfiddle.net/OlegKi/3tuxg71z/