后端返回list 怎么用jqGrid接受
时间: 2024-05-16 15:12:07 浏览: 8
可以使用以下代码来接收后端返回的list并在jqGrid中显示:
```
$.ajax({
url: '后端地址',
type: 'GET',
dataType: 'json',
success: function(data){
$("#jqGrid").jqGrid({
data: data,
datatype: "local",
colModel: [ //设置列名、对齐方式、数据源
{ label: 'ID', name: 'id', align: 'center', width: 50 },
{ label: '姓名', name: 'name', align: 'center', width: 100 },
{ label: '年龄', name: 'age', align: 'center', width: 50 },
{ label: '地址', name: 'address', align: 'center', width: 200 }
],
autowidth:true,
viewrecords: true,
width: 780,
height: 200,
rowNum: 10,
pager:"#jqGridPager",
caption:"列表" //设置表格标题
});
},
error: function(){
alert('拉取数据失败!');
}
});
```
其中,后端返回的list数据为JSON格式,需要设置dataType为json。在jqGrid的colModel中设置列名、对齐方式、数据源,并在jqGrid的其他属性中设置相关参数,如设置表格宽度和标题等。