就像你可以继续阅读一样http://www.trirand.com/jqgridwiki/doku.php?id=wiki:table_to_jqgrid http://www.trirand.com/jqgridwiki/doku.php?id=wiki:table_to_jqgrid的选项参数tableToGrid
方法只不过是您创建的 jqGrid 的选项(请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:选项 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options).
如果我了解您的主要问题,您会从服务器收到一些数据作为表单提交的答案。您希望将这些数据放置在网格中。为此,您可以使用更直接的方式使用datatype: 'local'
jqGrid 的。这是一个例子:
var grid = jQuery('#list').jqGrid({
caption: 'Testclusters',
height: 'auto',
gridview: true,
rownumbers: true,
sortable: true,
datatype: 'local',
viewrecords: true,
pager: '#pager',
pgbuttons: false,
pginput: false,
rownumbers: true,
colNames: ['Name', 'Testtiefe', 'Std', 'FachlicheTests', 'RowVersion'],
colModel: [
{ name: 'Name', index: 'Name', width: 120 },
{ name: 'TesttiefeName', width: 180 },
{ name: 'Std', width: 21, formatter: 'checkbox', align: 'center' },
{ name: 'IsFachlicheTests', width: 21, formatter: 'checkbox', align: 'center' },
{ name: 'RowVersion', width: 50, hidden: true }
]
}).navGrid('#pager', { edit: false, add: false, del: false, refresh: true, view: false, search: false })
.navButtonAdd('#pager', { caption: "", buttonicon: "ui-icon-calculator", title: "choose columns",
onClickButton: function() {
jQuery('#list').jqGrid('columnChooser');
}
});
grid.jqGrid('gridResize');
var myData = [
{ Name: "VIA XP", TesttiefeName: "Alle SW-Produkte", Std:true, IsFachlicheTests:false, RowVersion: "20FC31" },
{ Name: "KUBUS", TesttiefeName: "Alle SW-Produkte", Std:false, IsFachlicheTests:true, RowVersion: "20FC32" }
];
for (var i = 0; i <= myData.length; i++) {
grid.addRowData(i + 1, myData[i]);
}
首先,您创建一个空的 jqGrid,然后填充它addRowData
method.
此外,如果 jqGrid 中有很多复选框,那么查看我的示例可能会很有趣使用基于 JavaScript 的 SVG 库在表格标题内竖排文本 https://stackoverflow.com/questions/2705174/vertical-textes-inside-of-table-headers-with-respect-of-a-javascript-based-on-svg并查看结果http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO1.htm http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO1.htm.