如何将 Jqgrid 行数据作为数组获取

【问题标题】：How to get Jqgrid row data as array如何将 Jqgrid 行数据作为数组获取
【发布时间】：2018-09-25 17:26:24
【问题描述】：

我将 JQGrid 填充为 datatype: "local"。现在我需要填充数组中的每一行数据，如下所示

 var aa = [1, 2, 3, 4];

 var rows = [];
 rows.push(['Nr.', 'Name', 'Beschreibung', 'Preis', 'Anzahl', 'MwSt(%)']);

 for (var i = 0; i <= aa.length; i++) {
 rows.push(['#.' + i, 'xx', 'xx', 'xx', 'xx', 'xx']);
 }

 var dd = {
   content: {
    table: {
    widths: ['*', 100, 200, '*', '*', '*'],
    body: rows
 }
}
};

现在，我正在尝试通过以下代码获取上述格式的行

 var a = [];

 a = $('#dataGrid').jqGrid('getRowData');

但无法完全按照示例格式显示。这里有什么问题？请提出建议。

【问题讨论】：

标签： javascript jquery arrays jqgrid

【解决方案1】：

采取一些不同的方法可能会有所帮助。在这里，我重新编写了您的代码以正确实现您的示例...

var aa = [1, 2, 3, 4];

//Headers for table
var headers = [
  { label: "Nr.", name: "nr", width: "100", key: true },
  { label: "Name", name: "name", width: "100" },
  { label: "Beschreibung", name: "beschreibung", width: "200" },
  { label: "Preis", name: "preis", width: "100" },
  { label: "Anzahl", name: "anzahl", width: "100" },
  { label: "MwSt(%)", name: "mwSt", width: "*" }
];

//Prefill with fake rows
var dataRows = [];
for (var i = 0; i <= aa.length; i++) {
  dataRows.push({
    nr: "#." + i,
    name: "xx",
    beschreibung: "xx",
    preis: "xx",
    anzahl: "xx",
    mwSt: "xx"
  });
}

var jqGridConfig = {
  datatype: "local",
  data: dataRows,
  colModel: headers
};

$("#dataGrid").jqGrid(jqGridConfig)

请参阅 CodePen 上 Peter Edwards (@peterpde) 的 Pen ZMdVyP。

【讨论】：