Question

我有一个使用插件bootstrap-table加载默认json文件的表。

这是html代码：

<p><a href="#">This link load another json file in the table, for example data-table-alert2.json</a></p>
<table id="table-alert1" class="table table-striped" data-sort-order="desc" data-sort-name="field3">
   <thead>
        <tr>
            <th>Field1</th>
            <th>Field2</th>
            <th data-field="field3" data-sortable="true">Field3</th>
            <th data-field="field4" data-sortable="true">Field4<br />de Alerta</th>
            <th data-field="field5" data-sortable="true">Field5</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th>Field6</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th>Field7</th>
            <th>Field8</th>
        </tr>
    </thead>                        
</table>

这是js代码：

$(document).ready(function() {
    $("#table-alert1").bootstrapTable({ 
        url: 'json/data-table-alert1.json',
        columns: [{
            field: 'col1'
        }, {
            field: 'col2'
        }, {
            field: 'col3'
        }, {
            field: 'col4'
        }, {
            field: 'col5'
        }, {
            field: 'col6'
        }, {
            field: 'col7'
        }, {
            field: 'col8'
        }, {
            field: 'col9'   
        }, {
            field: 'col10'  
        }, {
            field: 'col11'  
        }, {
            field: 'col12'  
        }, {
            field: 'col13'  
        }, {
            field: 'col14'  
        }, {
            field: 'col15'  
        }, {
            field: 'col16'          
        }, ]
    });
});

当我点击链接或按钮时，我需要加载另一个文件json。

谢谢和最诚挚的问候，

Answer 1

您可以使用refresh方法执行您想要的操作：

$('#link').click(function () {
    $table.bootstrapTable('refresh', {
        url: 'data-table-alert2.json'
    });
});

以下是一个示例：http://issues.wenzhixin.net.cn/bootstrap-table/#issues/409.html，以及GitHub中的来源。

顺便说一句：您可以在https://github.com/wenzhixin/bootstrap-table/issues/409中讨论此问题。

Answer 2

我的回答是：首先，Json根本无效。你总是需要在字符串中给出参数，比如： {“field”：“col1”} 等

您可以在jsonlint.com网站上验证您的JSON！

有关更多信息，您必须等待。我现在必须离开！

Bootstrap-Table - 使用链接

2 个答案: