PHP, Ajax e Bootstrap - Callback retorna componente com desconfigurado

Bootstrap

JavaScript

PHP

Ajax

16/09/2019

Boa tarde pessoal,

Estou quebrando a cabeça para resolver um problema, tenho uma div dinâmica que carrega uma <table> em uma das colunas deveria apresentar o componente Switchery, esta <table> é montada a partir de uma função PHP que faz o select em uma tabela do banco de dados conforme abaixo:

		echo '<table class="table table-hover">
		       <thead>
		        <tr>
		         <th>Nome</th>
		         <th>Agrupamento</th>
		         <th>Ativo</th>
		        </tr>
		       </thead>   		
		       <tbody>';
		foreach($data as $row)
		{
			If ($row['ativo'] == 1) 
                       {
                             $vativochk = "checked";
                       }
                       else 
                       {
                             $vativochk = "";
                       }		
			echo '<tr>
			       <td>'.$row['nome'].'</td>	  		  
			       <td>'.$row['agrupamento'].'</td>
			       <td><input type="checkbox" name="ativo_grid" class="js-switch" '.$vativochk.' disabled="disabled"></td>			  
			      </tr>';
		}
		echo '</tbody>
		      </table>';


Aqui está o Ajax que chama e retorna atualizando a DIV:

 function atualiza_grid_graficos() {
  $.ajax({
    type: "POST",
    url: "hubfuncind.php",
    data: {
      id_tabindicadores_paineis: $('#id_tabindicadores_paineis').val(),
	  acao: "gridgraficos"
    },
    success: function(data) {
      $('#conteudo').html(data);
    }
  });
}


O retorno vem certinho, mas apenas o componente Switchery está vindo desconfigurado, ou seja vem um checkbox normal (html).

O que é mais incrível é que neste mesmo formulário mais acima tenho este mesmo componente funcionando normalmente, somente dentro da DIV dinâmica é que fica desconfigurado.

Será que alguém já passou por isso?
Anderson Maciel

Anderson Maciel

Curtidas 0
POSTAR