Jump to content
chicote

dataTable com loop PHP e ação Jquery

Recommended Posts

chicote

Olá,

Estou a usar dataTable dentro de um loop PHP, em cada linha tem uma ação com Jquery. Essa ação elimina a linha. O problema é que elimina a linha apenas nas 10 primeiras linhas, ou seja, nos registos da primeira página. O que estou eu a fazer mal? O Jquery está fora do loop PHP, está no rodapé.

 

                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th colspan="5">Concluidos</th>
                </tr>
                <tr>
                  <th>ID</th>
                  <th>Descrição</th>
                  <th>Local</th>
                  <th>Grau</th>
                  <th><i class="fas fa-fw fa-cog"></i></th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th>ID</th>
                  <th>Descrição</th>
                  <th>Local</th>
                  <th>Grau</th>
                  <th><i class="fas fa-fw fa-cog"></i></th>
                </tr>
              </tfoot>
              <tbody>
              <?PHP 
              $sql = "SELECT id, descr, localiz, grau, estado, addpor, dataadd FROM trabalhos WHERE estado = 1";
              $result = $conn->query($sql);
                if ($result->num_rows > 0) {  
                  while($row = $result->fetch_assoc()) {

                    //Cor da urgencia de grau
                    // 1 = urgente || 2 = Semi-urgente || 3 = Não Urgente

                    $g = $row["grau"];
                    if ($g == "1"){
                      $gclas = "border-left-danger";
                    } else if ($g == "2"){
                      $gclas = "border-left-warning ";
                    } else if ($g == "3"){
                      $gclas = "border-left-success ";
                    }
              ?>                    
                <tr id="linha_<?PHP echo $row["id"]; ?>">
                  <td class="<?PHP echo $gclas; ?>"><?PHP echo $row["id"]; ?></td>
                  <td><?PHP echo $row["descr"]; ?></td>
                  <td><?PHP echo $row["localiz"]; ?></td>
                  <td><?PHP echo $row["grau"]; ?></td>
                  <td>
                    <a href="#" class="btn btn-success btn-circle btn-sm foiFeito" id="<?PHP echo $row["id"]; ?>" data-id="<?PHP echo $row["id"]; ?>">
                      <i class="fas fa-check"></i>
                    </a>                                            
                  </td>
                </tr>
             <?PHP
                }
              } else {
                echo "<tr><td>Não há trabalhos por fazer</td></tr>";
              }
            $conn->close();
            ?>

              </tbody>
            </table>
          //Trabalho efetuado
        $(".foiFeito").click(function(){ 
          var idFeito=$(this).attr("data-id")
            $.ajax({
                url:'../insertTrab.php?cmd=feito',
                method:'POST',
                data:{
                    idFeito:idFeito
                },
               success:function(data){
                $("#linha_"+idFeito).css("background", "#f9e79f");
                $("#linha_"+idFeito).fadeOut(1000);
               }
            });              
        });

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.