рисунка для пониманиявсякий раза, когда я сделать вставку я потеряю DataTable структуры собственности в течение нескольких миллисекунд
Я столкнулся с проблемой, когда я вставляю любую запись в DataTable Я загрузил рисунок для understaing цели. Это моя функция отображения.
function display_record() {
table = $('#tbl_data').DataTable({
"data": arr12,
"iDisplayLength": 10,
"dom": 'lfrtp',
"pagingType": "first_last_numbers",
"bRetrieve": true,
"aoColumnDefs": [{
"aTargets": [0],
"sTitle": "Id",
"bSortable": true,
"class": "Id",
"sWidth": "80px",
},
{
"aTargets": [1],
"sTitle": "name",
"bSortable": true,
"sWidth": "100px"
},
{
"aTargets": [2],
"sTitle": "gender",
"bSortable": true,
"sWidth": "100px"
},
{
"aTargets": [3],
"sTitle": "pincode",
"bSortable": true,
"bSearchable": false,
"sWidth": "80px",
},
{
"aTargets": [4],
"sTitle": "city",
"bSortable": true,
"bSearchable": false,
"sWidth": "80px",
},
{
"aTargets": [5],
"sTitle": "Action",
"bSortable": true,
"bSearchable": false,
"sWidth": "80px",
"render": function(data, type, row) {
var returnHTML = CreateDataHTML(data);
return returnHTML;
}
}
]
});
}
function CreateDataHTML(data) {
return "<button type='button' class='delete glyphicon glyphicon-remove' id=" + data + " data-toggle='tooltip' title='delete' style='background-color:#E74C3C;color:white;'></button></td></tr>";
}
Это код вставки.
$("#insert").on("click", function(e) {
$.ajax({
type: "POST",
url: "Train8.aspx/addNewEmp",
data: JSON.stringify({
Id: Id,
name: name,
gender: gender,
pincode: pincode,
City: City
}),
contentType: "application/json;charset=utf-8",
dataType: "json",
success: OnSuccess,
error: OnErrorCall
});
function OnSuccess(response) {
var result = response.d;
if (result == "success") {
$("#msg").html("New record addded successfully :)").css("color", "green");
display_record();
table.destroy();
}
}
function OnErrorCall(response) {
$("#msg").html(response.responseText);
}
});
});
Это вставка код, я использую table.destroy();