利用数据库实现asp.net网页的jqgrid

我想在asp.net网页中集成jqGrid。我得到了JSON格式的数据。但是在渲染页面网格时，没有数据

我的书面代码如下

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

在jqGridExample.aspx上渲染网格时，未显示数据

---

提前感谢。

您应该在

colModel

中使用

name

属性，该属性与JSON数据中的名称完全对应。因此，您应该将

名称：“id”

更改为

名称：“id”

，

名称：“name”

更改为

名称：“name”

，

名称：“isClosed”

更改为

名称：“isClosed”

和

名称：“gender”

更改为

名称：“gender”

。您可以从

colModel

中删除所有

index

属性，或对所有

index

属性进行相同的更改

---

此外，您应该在

colModel
中的
key:true
列
Id
的定义中包含
property{"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}]}