Bootstrap tablosunu güncelleştirdikten sonra yeni verileri yeniden yükle

Question

bootstrap table kullanıyorum ve tabloya veri eklemek istiyorum. Ekleme mesajını tıkladıktan sonra tüm verileri ajax üzerinden sunucuya gönderirim. şimdi, tablonun yeni gönderdiğim yeni verilerle otomatik olarak yeniden yüklenmesini istiyorum. o gider,

sayfa initilly i tıklayın ileti düğmesini eklediğinizde sonra masayı

$(document).ready(function() { 

    var request = {      
    }; 

    var dataString = JSON.stringify(request); 
    $.ajax({ 
     url: 'FormaFitWebService.asmx/getNotificationsFromDB', 
     type: 'POST', 
     contentType: 'application/json; charset = utf-8', 
     dataType: 'json', 
     data: dataString, 
     success: 
      function successCBcreateNewEventInDB(doc) { 
       doc = $.parseJSON(doc.d); 
       $('#NotificationTable').bootstrapTable({ 
        data: doc 
       }); 
      }, 
    }); 

ve inşa etmek kullanımı bu kodu yükler edilir:

bana kodla anlatalım Bu

$("#addMessage").click(function() { 

    var messageText = $('#NotificationText').val(); 

    if (messageText == "") { 
     alert("message cannot be empty"); 
     return 0; 
    } 

    var request = { messageText: messageText }; 
    var dataString = JSON.stringify(request); 
    $.ajax({ 
     url: 'FormaFitWebService.asmx/addNewMessageToDB', 
     type: 'POST', 
     contentType: 'application/json; charset = utf-8', 
     dataType: 'json', 
     data: dataString, 
     success: 
      function successCBgetClassesFromDB(result) { 
       result = $.parseJSON(result.d); 
       alert(result); 
       $('#NotificationText').val(''); 
      } 
    }); 
}); 

fonk ve bu benim html:

<textarea rows="5" id="NotificationText" class="form-control" placeholder="type here new message" ></textarea> 
</div> 
<button id="addMessage" type="button" class="btn btn-info"> 
<span class="glyphicon glyphicon-plus"></span>&nbsp; Add message 
</button> 
<br /> 
<hr style="border-width:3px" /> 
<table id="NotificationTable" class="table table-hover table-bordered"> 
<thead> 
<tr> 
<th data-field="state" data-checkbox="true"></th> 
<th data-field="id" class="text-right">id</th> 
<th data-field="content" class="text-right">content</th> 
</tr> 
</thead> 
</table> 

bu nedenle veriler DB'de bulunuyor, ancak tabloyu yeniden oluşturmuyor, bir yanıt aramaya çalıştım ancak hiçbir şey bulamadım.

Yardımlarınız için teşekkürler!

Answer 1

Birkaç seçeneğiniz var. addNewMessageToDB için başarı fonksiyonunda

1. , tekrar kendi getNotificationsFromDB fonksiyon çağırmak zorunda ve masanızı yeniden oluşturulacaktır olacaktır.
2. FormaFitWebService.asmx/addNewMessageToDB için dönüş verileri içinde, güncelleştirilmiş DB verilerini döndürün ve başarı işlevinin içinde tablonuzu güncelleyin.

Her iki durumda da tablo verilerinizi açıkça güncellemeniz gerekir. Tablonun otomatik olarak güncellenmesine izin verecek herhangi bir örtülü veri bağlaması yok.