Блог

как перезагрузить выбранную вкладку на самом деле у меня возникла проблема с перезагрузкой части. когда я добавляю свои данные, я успешно сохраняюсь в datatable, но в поле id в базе данных отображается правильный идентификатор, но когда я добавляю детали, его идентификатор не отображается в datatable.

(перед обновлением сводной вкладки) вот пример, он показывает что-то вроде этого в datatable id возраст мужа пациента ……….. и так далее… xyz abc 23……. и так далее…

(после обновления вручную) но когда я обновляю свою страницу, она успешно отображается..вот так в datatable: идентификатор пациента, возраст мужа ……….. и так далее… 13 xyz abc 23 ……. и так далее…

но именно я хочу, чтобы при добавлении моих данных автоматически обновлялась выбранная вкладка.

вот мой код, как показано ниже:

 <button type="button"  a href="javascript:void(0);" onclick="fnClickAddRow();">Add Summary</button>

function fnClickAddRow(event) {

$('#table_scroll').dataTable().fnAddData( [

"",$('#patientt').val(),$('#husband').val(),$('#age').val(),$('#opu_no').val(),$('#date').val(),$('#proc').val(),$('#no_of_eggs').val(),$('#fert').val(),$('#et_date').val(),$('#et_day').val(),$('#et').val(),$('#fz').val(),$('#bioch_preg').val(),$('#clin_preg').val(),$('#fh').val(),$('#comment').val()

]);


var datastring = $(Form_summary).serialize();

$.ajax({
    type: "POST",
    url: "summaryajax.php",
    data: datastring, 
    success: function(response){

 alert(response);

    }
    });
  

В вашем событии успеха ajax вместо предупреждения добавьте приведенное ниже. Она загрузит вашу вкладку.

 $('tabSelector').tabs( "load" , indexOfYourDataTableTab )
  

Но я думаю, вы можете просто перезагрузить свой столбец datatable или update id этой недавно вставленной строки вместо перезагрузки всей вкладки.

В противном случае сначала отправьте свои данные в PHP-файл и получите в ответ новый вставленный идентификатор, затем добавьте строку в таблицу данных

 function fnClickAddRow(event) {

var datastring = $(Form_summary).serialize();

$.ajax({
    type: "POST",
    url: "summaryajax.php",
    data: datastring, 
    success: function(response){
       $('#table_scroll').dataTable().fnAddData( 
          [response, $('#patientt').val(), $('#husband').val(),$('#age').val(),
            $('#opu_no').val(), $('#date').val(),$('#proc').val(), $('#no_of_eggs').val(), 
            $('#fert').val(),$('#et_date').val(), $('#et_day').val(), $('#et').val(), 
            $('#fz').val(), $('#bioch_preg').val(), $('#clin_preg').val(), $('#fh').val(), 
            $('#comment').val() ]);
    }
});