如何使用鏈接按鈕將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即可。