Bootstrap-Table - 使用鏈接加載json文件

Question

我有一個使用plugin 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

我的回答是： 首先，JSON是根本不成立。您總是需要以字符串形式輸入參數，如： {「field」：「col1」} 等

您可以在jsonlint.com網站上驗證您的JSON！

欲瞭解更多信息，你必須等待。我必須得走了！

Answer 2

您可以使用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討論這個問題。