Bootstrap-Table - Загрузите файл json со ссылкой

Question

У меня есть таблица, загруженная 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"} и т. Д.

Вы можете проверить ваш JSON на сайте jsonlint.com!

Для получения дополнительной информации вам нужно подождать. Я должен уйти!

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.

BTW: вы можете обсудить этот вопрос в: https://github.com/wenzhixin/bootstrap-table/issues/409.