javascript - JQGrid getRowData 按特定顺序获取所有行

Question

我想以特定顺序在 javascript 变量中获取 JQGrid 的所有行。我能够通过以下方式获取所有行的数据：

var rowData = $("#gridId").jqGrid("getRowData");

但我希望这些行以与我在网格中输入的顺序相同的顺序出现。我正在尝试创建一个表并通过网格获取其列详细信息。所以我要求列的顺序保持不变。有什么建议么？

Answer 1

您可以将 jqgrid 行数据显式推送到数组，然后将其转换为 json 字符串。

为此，您可以使用下面给出的函数来遍历 jqgrid 行：（来自Oleg 的回答）

var gridData= {}; 
var $grid = jQuery("#gridId"), rows = $grid[0].rows, cRows = rows.length,
    iRow, rowId, row, cellsOfRow;


for (iRow = 0; iRow < cRows; iRow++) {
    row = rows[iRow];
    if ($(row).hasClass("jqgrow")) {
        cellsOfRow = row.cells;
        // row represent the row with cellsOfRow.length cells.
        // So one can use for loop with iCol between 0 and cellsOfRow.length
        // cellsOfRow[iCol] represent the cell with the index iCol
        // and $(cellsOfRow[iCol]).text() - the text of the cell
    }
}

在循环内部，您可以将 celldata 推送到数组中。

gridData['column_index1'] = $(cellsOfRow[0]).text();
gridData['column_index2'] = $(cellsOfRow[1]).text();

.............................................

最后使用将 gridData 转换为 json 字符串

var result = JSON.stringify(gridData) ;