jqgrid - 内联编辑：如何访问已编辑的行或单元格数据？

Question

onSelectRow: function (id) {
    var row = jQuery('#list').jqGrid('getRowData', lastSel)

    ...
    lastSel = id;
},

在 [Docu] 中指定：http ://www.trirand.com/jqgridwiki/doku.php?id=wiki: methods 它不会给出实际值。我可以用什么代替？不提交最终更改的数据。

Answer 1

您发布的代码太少。所以不知道你是如何实现内联编辑的。无论如何，您都会将编辑单元格的值作为相应 HTML 控件的值。一种通常<input>用于<select>编辑。因此，要获取值，您需要找到相应的 HTML 元素并直接获取其值。例如，您可以使用

$("#" + rowid + ">td:nth-child(" + (i + 1) + ")>input").val()

从第 i 列或 id 等于 的行的单元格输入中获取值rowid。

旧答案展示了其他一些方法来做同样的事情。无论如何，您必须直接获取相应单元格的值。

Answer 2

function getTextFromCell(cellNode) {
    return cellNode.childNodes[0].nodeName === "INPUT" ?
        cellNode.childNodes[0].value :
        cellNode.textContent || cellNode.innerText;
}

;

function getActualRowData(rowid) {
    var row = [];
    $('#' + rowid).find('td').each(function () {
       row.push(getTextFromCell(this));
    });
    return row;
}