Skip to main content
5 de 7
adicionou 8 caracteres ao conteúdo

Algumas dúvidas:

1)deve atualizar ao clicar no checkbox?

2)deve fazer consulta asíncrona ao clicar no checkbox?(usando ajax)

CASO QUEIRA ALGO VIA AJAX:

  1. use Jquery para ao clicar no checkbox ele enviar ajax:

    $("#Utilizador,#Ano").click(function() { $.ajax({ url: "ajax_atualiza_tabela.php", type: "GET", data:'utilizador='+$('#Utilizador').val()+'&ano='+$("#Ano").val(), beforeSend: function(){ }, complete: function(){ }, success: function(result){ $("#tabela").html(result); } }); });

ajax_atualiza_tabela.php:

<?php
         /* VERIFICANDO CHECKBOXES */
         $colunaUtilizador = $_GET['utilizador'];
         $colunaAno = $_GET['ano'];
         
         $sql = "SELECT equipamentos.IDEquipamento, equipamentos.Modelo, equipamentos.Estado, utilizadores.IDUtilizador";
         
         if($colunaUtilizador) {
            $sql += ',utilizadores.Nome';
         }
         if($colunaAno) {
            $sql += ',equipamentos.Ano';
         }
         $sql += ' FROM `equipamentos` left join utilizadores on equipamentos.IDUtilizador = utilizadores.IDUtilizador';

         include('conetar.php');


         //------Lançamento de tabela-------//


        $result = mysqli_query($conn,$sql);


                    echo "<table width='100% class='table table-striped table-bordered table-hover'id='datatables-example'>
                        <tr>
                    </tr>
                        <tr>
                           <td class='pure-table'><b>ID</b></td>
                            <td class='pure-table'><b>Modelo</b></td>";
                            if($colunaAno)                                
                               echo "<td class='pure-table'><b>Ano</b></td>";
                            if($colunaUtilizador)
                               echo "<td class='pure-table'><b>Utilizador</b></td>";

                            echo "<td class='pure-table'><b>Estado</b></td>
                            <td class='pure-table'><b>Editar</b></td>
                            <td class='pure-table'><b>Histórico</b></td>
                            <td class='pure-table'><b>Apagar</b></td>
                        </tr>";

        while($row = mysqli_fetch_array($result)) 
        {

                    echo "<tbody data-link='row' class='rowlink'>";
                    echo "<tr>";
                    echo "<td>" . $row['IDEquipamento'] . "</td>";
                    echo "<td>" . $row['Modelo'] . "</td>";
                    if($colunaAno) 
                       echo "<td>" . $row['Ano'] . "</td>";
                    if($colunaUtilizador)                        
                       echo "<td>" . $row['Nome'] . "</td>";
                    echo "<td>" . $row['Estado'] . "</td>";
                    echo "<td><a href='formsEquipmentsUpdate.php?IDEquipamento=".$row['IDEquipamento']."&IDUtilizador=".$row['IDUtilizador']."'>Update</a></td>";
                    echo "<td><a href='tablesHistoryMachine.php?IDEquipamento=".$row['IDEquipamento']. "&IDUtilizador=".$row['IDUtilizador']."'>Histórico</a></td>";
                    echo "<td><a href='deleteEquipment.php?IDEquipamento=".$row['IDEquipamento']."'>Delete</a></td>";
                    echo "</tr>";
        }
        echo "</tbody>";    
        echo "</table>";
        mysqli_close($conn);

?>

INDEX.HTML:

<HTML>
<HEAD>
    <SCRIPT>
       $("#Utilizador,Ano").click(function() {
        $.ajax({
           url: "ajax_atualiza_tabela.php",
           type: "GET",
           data:'utilizador='+$('#Utilizador').val()+'&ano='+$("#Ano").val(),
           beforeSend: function(){
           },
           complete: function(){
           },
           success: function(result){
              $("#tabela").html(result);
           }
        });
    });
    </SCRIPT>
</HEAD>
<BODY>
    <div class= "form-group">
     <input type="checkbox" class= "btn btn-default" id="Utilizador" value = "Utilizador">Utilizador
     <input type="checkbox" class= "btn btn-default" id="Ano" value="Ano">Ano
   </div>
   <div id="tabela">
      
   </div>
</BODY>
</HTML>

PS. Não esqueca de incluir o jquery no cabeçalho da pagina