Jquery 将jqGrid与wcfwebapi结合使用

Jquery 将jqGrid与wcfwebapi结合使用,jquery,jqgrid,jqgrid-asp.net,wcf-web-api,Jquery,Jqgrid,Jqgrid Asp.net,Wcf Web Api,我正在使用从asp.net应用程序获取数据,并尝试使用jqGrid显示数据。返回的数据如下所示: [{"DriverIdentifier":"I61","ScoreImpact":22},{"DriverIdentifier":"E57","ScoreImpact":21},{"DriverIdentifier":"K63","ScoreImpact":14}] 在标题中,我有: <link href="~/Styles/Site.css" rel="stylesheet" type="

我正在使用从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>

$(文档).ready(函数(){
$(“#驱动核心卡”).jqGrid({
url:'api/ClientCenter',
数据类型:“json”,
jsonReader:{
重复项:false,
id:'DriverIdentifier',
根:函数(obj){return obj;},
行:函数(obj){return obj;},
第页:函数(obj){return 1;},
总计:函数(obj){return 1;},
记录:函数(obj){return obj.length;}
},
mtype:'获取',
colNames:['Driver Identifier','Score Impact'],
colModel:[
{name:'DriverIdentifier',index:'DriverIdentifier',宽度:100},
{名称:'ScoreImpact',索引:'ScoreImpact',宽度:100}
],
寻呼机:$(“#寻呼机”),
描述:“一些网格”
}); 
}); 
在页面下方,我有以下元素:


运行该示例时,我在jqGrid源代码中得到“Object不支持属性或方法'format'”。我使用的是jqGrid的4.1.2版。如果我能提供更多信息,请告诉我。

您应该更改
i18n/grid.locale en.js
文件和
jquery.jqGrid.min.js
的顺序,一切都会正常的:请参阅