如何使用链接按钮将JQGrid单元格值传递给Jquery函数

Question

我的JQGrid柱状图

    colNames: ['Job ID', 'MailId','Save'],
    colModel: [
                { name: 'JobId', index: 'JobId', width: 120, align: 'left', editable: true },
                { name: 'MailId', index: 'MailId', width: 150, align: 'left', editable: true },

                {
                    name: 'Save', index: 'Save', width: 100, sortable: false,
                    formatter: function (cellvalue, options, rowObject) {
                        return "<a href='#' id="saveLinkId">Save</a>";

                    }
                }

我在JQGrid单元的末尾创建“保存链接”按钮。

单击行中的链接按钮时，需要将单击的行的JobId和MailID传递给jquery函数 。如何执行此操作？

Answer 1

在上面给出的示例中，formatter函数中的rowObject参数将保存该行中的所有值。 因此可以将rowObject.JobId用作JobId，将rowObject.MailId用作MailId。

Answer 2

我会建议你使用beforeSelectRow （或onCellSelect ）来检测点击<a>在"Save"栏。 答案说明了您可以做什么。 另一个答案： 这个和这个可能对您也很有趣。

就您而言， beforeSelectRow可能如下所示

beforeSelectRow: function (rowid, e) {
    var $self = $(this),
        iCol = $.jgrid.getCellIndex($(e.target).closest("td")[0]),
        cm = $self.jqGrid("getGridParam", "colModel");
    if (cm[iCol].name !== "Save") {
        return true;
    }

    alert ($self.jqGrid("getCell", rowid, "JobId"));
    return false;
}

另外，您应该考虑在输入数据中使用哪个值作为id 。 该值构建为name rowid- <tr>元素（网格的行）的id属性的值。 例如，如果JobId或MailId （两列中的一个）包含每一行的唯一值，则可以将列中的值用作行ID。 为此，您只需在相应的列中添加key: true即可。