В рамках успешной работы с AJAX я пытаюсь добавить строки в уже существующие данные. Добавление успешно завершено, но оно теряет функции данных.
Пожалуйста, ознакомьтесь с моим кодом ниже.
$(document).ready(function () {
$(document).on('click', '.btn-primary', function(evt){
evt.preventDefault()
$.ajax({
type: "POST",
url: "hello.aspx/ProcessMe",
data: '{id: "' + $(this).prev().val() + '" ,dept:"' + $(this).prev().prev().val() + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) { //variable 'data' will get a string array from 'ProcessMe' C# function
if (typeof data != "undefined" && data.d !== null) {
$("#grdAll").empty(); //grdAll is the id of my aspx gridview which was already a datatable that is being generated before this ajax call for some other purpose.
//all rows cleared.. now i will append new records.
$('#grdAll').append("<tr><th>blah</th><th>blah</th> ....... </tr>");
for (var i = 0; i < 1; i++) {
$('#grdAll').append("<tr>" +
"<td>" + data.d[i + 1] + "</td>" + //getting array values
"<td>" + data.d[i + 2] + "</td>" +
....................................//some script
"<td> <input type='hidden' name='blah' id='blah' value='" + data.d[i] + "'>" +
"<a id='lnkProcess' class='btn btn-primary btn-round icnsml' data-original-title='' title='Process'>" +
"<i class='fa fa-play-circle'></i>" +
"</a>"
"</td>"
);
i++;
}
Now i am trying to make it as a datatable
$('#grdAllTokens').DataTable({
............ //some code
"retrieve": true
});
});
});
Но мне не удалось получить данные. Я не вижу параметров сортировки, стиля и т. Д.
Но я вижу, что окно поиска сообщений datatble и footer уже есть, и поиск выдаст правильный результат в сообщении footer.
В качестве примера, если я буду искать там «blahblahblah», будет отображаться «Показано от 0 до 0 из 0 записей (отфильтровано от 1 общего количества записей)»