Как обновить строку данных в таблицах данных

Question

Я хочу получить значение из базы данных и показать в таблицы данных с условием, и если я изменю значение формы ввода (это значение ввода является условием для запроса, поэтому, если я изменю значение, данные в таблице данных изменятся) но когда я использую изменения, это работает, но когда я дважды пытаюсь изменить значение, они говорят, что я заново инициализирую, любое предложение, чтобы исправить это?

Я уже пробовал этот код, он работает, но если я снова изменяю значение, появляется ошибка: предупреждение DataTables: table id = dataTr - Невозможно повторно инициализировать DataTable. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/3

var asset = $('#formasset').find('input[name="ckdasset"]').val();
$(document).ready(function() {
      $('#ckdasset').on('change',function(){
      var dataTable = $('#dataTr').DataTable( {
        "processing": true,
        "ajax":{
          url :"<?php echo base_url();?>index.php/Logged/get_detail_data/"+kode_asset_new+", 
          type: "post",  // method  , by default get
          error: function(){  // error handling
            $(".employee-grid-error").html("");
            $("#dataTr").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
            $("#employee-grid_processing").css("display","none");

          }
        }
      } );
    });
        } );

Answer 1

Попробуйте, вы снова инициализируете таблицу данных вместо сброса / перерисовки.

 var asset = $('#formasset').find('input[name="ckdasset"]').val();
            $(document).ready(function () {
                var dataTable = $('#dataTr').DataTable({
                    "processing": true,
                    "ajax": {
                        url: "<?php echo base_url();?>index.php/Logged/get_detail_data/" + kode_asset_new + ", 
                  type: "post",  // method  , by default get
                        error: function () {  // error handling
                            $(".employee-grid-error").html("");
                            $("#dataTr").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
                            $("#employee-grid_processing").css("display", "none");

                        }
                    }
                });
                $('#ckdasset').on('change', function () {
                    var Dt = $('#dataTr').DataTable();
                    Dt.fnDraw();
                });
            });