我试图用来自Web服务的数据填充jqGrid.我已经彻底查看了jqGrid代码和文档.我需要另一组眼睛来查看下面的代码并告诉我是否遗漏了一些东西.
正如您在代码中看到的那样,我将网格设置为在页面加载或刷新期间加载.网格加载后,我进行Ajax调用以获取JSON数据(再次)并显示在网格下方的div中.
我看到了大部分预期的行为.页面加载后,网格显示加载指示符,然后启动Ajax调用,并在网格下方显示JSON数据.问题是网格完全是空的.列标题是正确的,但网格正文中没有数据.
这是代码:
$(document).ready(function () {
$('#resultDiv').html('');
$('#waitIndicator').hide();
$("#list").jqGrid({
datatype: 'json',
url: 'WeatherDataService.svc/GetWeatherData',
jsonReader: {
root: "Rows",
page: "Page",
total: "Total",
records: "Records",
repeatitems: false,
userdata: "UserData",
id: "StationId"
},
loadui: "block",
mtype: 'GET',
rowNum: 10,
rowList: [10, 20, 30],
viewrecords: true,
colNames: ['Station ID', 'Station Name', 'Timestamp', 'Max Temp',
'Min Temp', 'Precipitation', 'Snowfall', 'SnowDepth'],
colModel: [
{ name: 'StationId', index: 'StationId' },
{ name: 'StationName', index: 'StationName' },
{ name: 'Timestamp', index: 'Timestamp', align: 'right' },
{ name: …Run Code Online (Sandbox Code Playgroud)