数据表格中数据源如何通过data选项传入

提问 未结
3 142
大懒虫
大懒虫 2018-2-14
悬赏:20飞吻
版本:layui 2.0 浏览器:chrome
代码如下:
    var tableIns = table.render({
elem: '#userJobs',
data:jobJson,
cellMinWidth: 95,
page: true,
text: {
none: '暂无相关数据' //默认:无数据。注:该属性为 layui 2.2.5 开始新增
},
limits: [10, 15, 20, 25],
limit: 20,
id: "userJobsTable",
cols: [[
{type: "checkbox", fixed: "left", width: 50},
{field: 'id', title: 'ID', sort: "true", width: 100, align: "center"},
{field: 'code', title: '编号', width: 100, sort: "true", align: 'center'},
{field: 'name', title: '名称', sort: "true", align: "center"},
{field: 'salary', title: '工资水平', sort: "true", align: 'center'},
{
field: 'status', title: '状态', templet: function (d) {
return d.jobStatus == 1 ? "已禁用" : "已启用";
}, sort: "true", align: 'center'
},
{
title: '操作', templet: function (d) {
var btnText = d.jobStatus == 0 ? "禁用" : "启用";
return '<a class="layui-btn layui-btn-xs layui-btn-green" lay-event="view">查看</a>' +
'<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>' +
'<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="usable">' + btnText + '</a>' +
'<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>';
}, fixed: "right", width: 200, align: "center"
}
]]
});
json内容如下:
[
{
"id":"1",
"code": "1101",
"name": "财务总监",
"salary":"50000",
"status":"0"
},
{
"id":"2",
"code": "1102",
"name": "会计",
"salary":"3000",
"status":"0"
}
]
效果如下:
回帖
  • 代码没错、
    0 回复
  • @月磊 我用url的方式就能渲染出表格内容,如果指定data方式只能渲染出表头[伤心]
    0 回复
  • json格式错误,需要按照官方要求来,可以参考我之前的一个提问。
    0 回复