2017-01-04 2 views
0

рисунка для пониманиявсякий раза, когда я сделать вставку я потеряю DataTable структуры собственности в течение нескольких миллисекунд

enter image description here

Я столкнулся с проблемой, когда я вставляю любую запись в 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();

ответ

0

Вы разрушаете и повторно инициализацию таблицу, вот почему.

Вы можете предотвратить это с помощью AJAX API,:.
ajax.reload()
ajax.url() перезагрузки()
ajax.url()

Ссылка: https://datatables.net/reference/api/