0

jqGrid を asp.net Web ページに統合したいと思います。JSON形式のデータを取得しました。ただし、データなしで作成されたページ グリッドをレンダリングする場合。

以下に示す私の書いたコード。

JqG​​ridExample.aspx

    jQuery("#jsonmap").jqGrid({

     url: 'GetData.aspx',
     datatype: 'json',
     colNames: ['ID', 'Name', 'Active', 'Gender'],
     colModel: [
       { name: 'id', index: 'id', width: 35, editable: false, editoptions: { readonly: true, size: 10} },
       { name: 'name', index: 'name', width: 150, align: "left", editable: true, size: 100 },
       { name: 'isClosed', index: 'isClosed', width: 100, align: 'left', editable: true, edittype: "checkbox", editoptions: { value: "true:false", formatter: "checkbox"} },
       { name: 'gender', index: 'gender', width: 100, formatter: 'select', editable: true, edittype: "select", editoptions: { value: "0:select;1:male;2:female"} }
     ],
     rowNum: 10,
     rowList: [2, 5, 10, 15],
     pager: '#pjmap',
     sortname: 'id',
     sortorder: "desc",
     viewrecords: true,
     jsonReader: { repeatitems: false, cell: "", id: "0" },
     width: 600,
     caption: 'First jqGrid',
     height: '100%', viewrecords: true, fixed: true, gridview: true, loadonce: true
   });

<table id="jsonmap">
</table>
<div id="pjmap">
</div>

私が得たデータgetdata.aspxは

{"total":1,"page":1,"records":5,"rows":[{"Name":"John","Id":1,"Gender":1,"IsClosed":false},{"Name":"Abel","Id":2,"Gender":1,"IsClosed":false},{"Name":"Aaron","Id":3,"Gender":1,"IsClosed":true},{"Name":"Tsion","Id":4,"Gender":2,"IsClosed":true},{"Name":"Mussie","Id":5,"Gender":2,"IsClosed":true}]}

jqGridExample.aspx のレンダリング グリッドで、データが表示されません。

前もって感謝します..

4

1 に答える 1

1

JSONデータの名前に正確に対応するnameプロパティを使用する必要があります。colModelしたがって、、、、、およびに変更name: 'id'する必要があります。すべてのプロパティからすべてのプロパティを削除するか、すべてのプロパティに同じ変更を加えることができます。name: 'Id'name: 'name'name: 'Name'name: 'isClosed'name: 'IsClosed'name: 'gender'name: 'Gender'indexcolModelindex

さらに、の列のkey: true定義にプロパティを含める必要があります。IdcolModel

于 2013-03-16T09:31:18.610 に答える