求教将后台返回的JSON数据填充到表格的问题

 我来答
l7722526
2018-07-01 · TA获得超过2.7万个赞
知道大有可为答主
回答量:2.8万
采纳率:84%
帮助的人:3751万
展开全部

1.首先需要用script引入jquery和easyui文件。如图所示:

2.html页面设置如下:

data-options里面设置的属性可根据需要自己定义,是否单选,是否设置分页等等。

3.引入easyui的css样式。

4.用ajax方法加载出数据。

注意:在成功以后的回调函数中给页面id为dg的盒子绑定数据。

5.配置datagrid方法:

function fLoadTable(){
$('#dg').datagrid({
title: '用户列表',
width: 700,
height: 300,
fitColumns: true,

//对应json数据中的每一列
columns : [ [ {
field : 'id', //每一列的名字
width : '100',
title:'ID',
checkbox:true
},{
field : 'flag',
title : '职位',
width : '100',
align : 'center'
}, {
field : 'userName',
title : '姓名',
width : '100',
align : 'center',
},{
field : 'gender',
title : '性别',
width : '100',
align : 'center',
},{
field : 'email',
title : '邮箱',
width : '100',
align : 'center',
}
] ],
idField:'id',
loadMsg:'Processing, please wait …',
pagination:true 
});
}

6.最后调用这两个函数。

7.效果截图

下面是我的json数据:

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式