JQuery datatables - проблема с перезагрузкой

Question

У меня есть данные для отображения значений с сервера при нажатии кнопки. Это своего рода функция поиска. если изменить значение текстового поля поиска и нажать второй раз, он не отражает изменений.

Второе время, не отображающее правильные значения.

jQuery("#dialog-form").dialog ({ 
autoOpen: false, 
height: 500, 
width: 750, 
modal: true, 
buttons : { 
"Search" : function() { 
jQuery.ajax({ 
url : 'action="part"/>', 
data : {"product" : $("#productsTextArea").val()}, 
dataType : 'json', 
success : function(data){ 
var newarray=[]; 
while(data.length > 0) { 
newarray.push(data.splice(0,2)); 

} 

oTable = $("#products").dataTable({ 
     "aaData" : newarray, 
     "bProcessing" : true, 
     "sPaginationType" : "full_numbers", 
     "bDeferRender": true, 
     "bJQueryUI" : true, 
     "bRetrieve" : true, 
     "bPaginate" : true, 
     "bSort" : true, 
     "aaSorting" : [[ 4, "desc" ]], 
     "iDisplayLength" : 15, 
     "aoColumnDefs": [ 
      {"fnRender": function(o, val){ 

        return o.aData[0]; 
       }, 
       "sClass":"prod", "aTargets": [ 0 ] }, 
      {"fnRender": function(o, val){ 

        return o.aData[1]; 
       }, 
       "sClass":"Description", "aTargets": [ 1 ] } 
       ] 
     }); 

Answer 1

Я думаю, вам нужно повторно инициализировать DataTables на каждом АЯКС вызова:

success : function(data){ 
    oTable(); 
    var newarray=[]; 
    while(data.length > 0) { 
    newarray.push(data.splice(0,2)); 
}