Как обновить данные в таблице начальной загрузки

Question

У меня есть одна таблица начальной загрузки со следующим кодом.

<table id="tblPendingRequests" data-height="300"> 
     <thead> 
      <tr> 
      <th data-field="Version">Version</th> 
      <th data-field="Env">Env</th> 
      <th data-field="Release">Release</th> 
      <th data-field="CreatedBy">Created By</th> 
      <th data-field="Action">Action</th> 
      </tr> 
     </thead> 
    </table> 

также добавлено ниже.

<script src="~/Scripts/bootstrap-table.js"></script> 
<link href="~/Content/bootstrap-table.min.css" rel="stylesheet" /> 

и мой JQuery код для загрузки данных

 function loadData() 
    { 
     $(function() { 
     $('#tblPendingRequests').bootstrapTable({ 
     }); 
     }); 
    } 

, а затем я загрузить некоторые данные в этой таблице. Пример:

var mydata = { "Version": data[index].DeploymentName, "Env": data[index].EnvName, 
        "Release":data[index].ReleaseName, "CreatedBy": data[index].UpdatedBy "Action": ActionButton }; 
      testData.push(mydata); 
     updateData(testData); 
    function updateData(myData) { 
    $('#tblPendingRequests').bootstrapTable("append", myData); 

     } 

Он правильно обрабатывает данные. У меня есть одно раскрывающееся меню на странице. При замене имени проекта я хочу заполнить эту таблицу новыми данными. Это не происходит. Это добавление данных к существующим табличным данным, которые я не хочу.

Как обновить таблицу и загрузить новые данные в таблицу.

Answer 1

Попробуйте использовать load вместо append.

От official documentation

Append - добавление данных в таблицу.

load - Загрузить данные в таблицу, старые строки будут удалены.

Также обе функции принимают тот же аргумент data.

Answer 2

Я уничтожаю таблицу, $('#tblPendingRequests').bootstrapTable("destroy");, а затем перезагрузите данные, $('#tblPendingRequests').bootstrapTable({data: myFreshData});.

С точки зрения производительности это может быть не так быстро, как получение load для работы, но это достаточно быстро, что я никогда не замечал переключение с точностью до 1000 строк.