如何使用JSON对象填充表(Datatables.js)

时间:2015-02-09 17:38:30

标签: javascript jquery html json

我有一个看起来像这样的JSON对象

data["a01"] = {"field1":"someInfo", "field2":"someInfo"};
data["a02"] = {"field1":"someInfo", "field2":"someInfo"};
data["a03"] = {"field1":"someInfo", "field2":"someInfo"};

我想填充一个表(Datatables.js) 我这样定义......

   $gbl_tbl_master = $('#op_master_tbl').dataTable({
        "aoColumns": [
            {"sTitle": "Id", "mData": "id", "sDefaultContent": "0"},
            {"sTitle": "total_wrk_h", "mData": "total_wrk_h", "sDefaultContent": "0"},
            {"sTitle": "real_wrk_h", "mData": "real_wrk_h", "sDefaultContent": "0"},
            {"sTitle": "total_bonus", "mData": "total_bonus", "sDefaultContent": "0"},
            {"sTitle": "d_fl", "mData": "d_fl", "sDefaultContent": "0"},
            {"sTitle": "total_uapv_d", "mData": "total_uapv_d", "sDefaultContent": "0"},
            {"sTitle": "p_fl", "mData": "p_fl", "sDefaultContent": "0"},
            {"sTitle": "emp_name", "mData": "emp_name", "sDefaultContent": "0"}]
    });

如果我设置了我的JSON对象......

$gbl_tbl_master.fnClearTable();
$gbl_tbl_master.fnAddData(data);  

我的数据没有显示,它只显示一个具有默认值

的唯一行

感谢。

1 个答案:

答案 0 :(得分:0)

来自框架DataTables.js的数据表需要一个索引对象,一个解决我问题的技巧就是使用像这样的时间数组....

tmp = [];
tmp = $.map(data, function(element) { return element; });
$gbl_tbl_master.fnClearTable();
$gbl_tbl_master.fnAddData(tmp);