方法“加载”不适用于引导表

时间:2018-08-01 17:19:57

标签: json ajax bootstrap-table

我正在尝试加载数据,并通过ajax调用普及了表bootstrap-table,但是它不适用于load方法。尝试数据方法可以正常工作。

该方法未启动,也不会显示未找到结果

表格

<table id="table-anexo" class="table table-striped table-hover display" style="width:100%">
    <thead>
        <tr>
             <th data-field="id"><span>DOCUMENTO</span></th>
             <th data-field="tipo"><span>TIPO</span></th>
             <th data-field="dt_anexo"><span>DATA ANEXO</span></th>
         <!--<th data-field="acao" data-formatter="" data-events="" ><span>AÇÃO</span></th>-->
        </tr>
   </thead>
</table>

功能AJAX

function get_anexo_ajax(metodo, editando_id) {
    var ticket_id = editando_id;
    $.ajax({
        type: 'POST',
        data: {ticket_id : ticket_id},
        url: 'ticket/get_anexo_all',
        success: (function (data) {
            console.log(data.anexo);          
            //$('#table-anexo').bootstrapTable({ data: data.anexo });
            //$('#table-anexo').bootstrapTable('refresh')
            $('#table-anexo').bootstrapTable('load', data.anexo);
        }),
    });
}

数据JSON

{"anexo":[{"id":"1","tipo":"jpg","dt_anexo":"2018-08-01 11:09:28","mensagem_id":"2","ticket_id":"1"}]}

1 个答案:

答案 0 :(得分:1)

我认为数据是无效格式。然后在普通表格上设置data-toggle =“ table”。我测试过,运行正常。您可以尝试:

<table id="table-anexo" data-toggle="table" class="table table-striped table-hover display" style="width:100%">

    var obj = JSON.parse(data);
    $('#table-anexo').bootstrapTable('load', obj.anexo);