WCF WebAPIでjqGridを使用

Question

私はwcf webapiを使用して、asp.netアプリケーションからデータを取得し、jqGridで表示しようとしています。データはバックのように見えるています：ヘッダで

[{"DriverIdentifier":"I61","ScoreImpact":22},{"DriverIdentifier":"E57","ScoreImpact":21},{"DriverIdentifier":"K63","ScoreImpact":14}] 

私が持っている：

<テーブルID = "driverScoreCard"：

<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> 

そしてダウンページでは、私は、次の要素を持っています> <tr> <td> </td > </tr > < /テーブル> <のdivのid =「ポケベル」> </divの>

例を実行すると、私はjqGridソースに「オブジェクトがプロパティまたはメソッド 『形式』をサポートしていません」を取得。私はバージョン4.1.2のjqGridを使用しています。私が何か情報を提供できるかどうか教えてください。

Answer 1

あなたはi18n/grid.locale-en.jsファイルとjquery.jqGrid.min.jsの順序を変更する必要があり、すべてがOKになります：here