我正在使用wcf webapi从我的asp.net应用程序获取数据,并尝试使用jqGrid显示它。数据回来看起来像:
[{"DriverIdentifier":"I61","ScoreImpact":22},{"DriverIdentifier":"E57","ScoreImpact":21},{"DriverIdentifier":"K63","ScoreImpact":14}]
在标题中我有:
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="Scripts/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="Scripts/json2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#driverScoreCard").jqGrid({
url: 'api/ClientCenter',
datatype: 'json',
jsonReader: {
repeatitems: false,
id: 'DriverIdentifier',
root: function (obj) { return obj; },
rows: function (obj) { return obj; },
page: function (obj) { return 1; },
total: function (obj) { return 1; },
records: function (obj) { return obj.length; }
},
mtype: 'GET',
colNames: ['Driver Identifier', 'Score Impact'],
colModel: [
{ name: 'DriverIdentifier', index: 'DriverIdentifier', width: 100 },
{ name: 'ScoreImpact', index: 'ScoreImpact', width: 100 }
],
pager: $('#pager'),
caption: 'Some Grid'
});
});
</script>
在页面中,我有以下元素:
&lt; table id =“driverScoreCard”&gt;&lt; tr&gt;&lt; td&gt;&lt; / td&gt;&lt; / tr&gt;&lt; / table&gt;&lt; div id =“pager”&gt;&lt; / div&gt ;
运行示例时,我在jqGrid源代码中得到“Object不支持属性或方法'格式'”。我正在使用jqGrid的4.1.2版。如果我能提供更多信息,请告诉我。