Skip to main content
7 de 7
removeu 73 caracteres do conteúdo
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Dividindo o problema em partes os passos que tem de fazer são:

  1. Criar um event handler para iniciar uma ação quando carregar em "Apagar tudo"
  2. Verificar quais os utilizadores escolhidos para serem removidos
  3. Enviar para o PHP via AJAX e quando a confirmação vier, então apagar no HTML
  4. Apagar na base de dados (lado do servidor / PHP)
  5. Apagar os utilizadores (de volta ao lado do cliente / JavaScript)

###Agora por passos:

###1

$('i.icon-trash').closest('li').click(fnApagar);

Este código vai procurar um li que tem dentro i.icon-trash e chamar a função fnApagar() quando esse li for clicado.

###2

Aqui tens de procurar na tabela quais os utilizadores escolhidos. Seria bom se essa tabela tivesse uma ID para não haver confusões caso haja mais que uma tabela na página.

var paraRemover = $('table tr input:checkbox:checked').map(function(){ 
    return {
        cod_votoran: this.value, 
        tr: $(this).closest('tr')[0]
    }
}); 

Nesta linha de código em cima vou procurar os utilizadores escolhidos e guardar 2 coisas. O código que preciso para a base de dados, e a linha da tabela para mais tarde apagar.

###3

Ajax! Ajax é a maneira que o browser tem para comunicar com o servidor e enviar e receber dados sem ter de carregar a página toda de novo.

$.ajax({
    url: "endereco.php",
    type: 'post',
    data: {codigos: [array com os códigos a remover]},
    success: function(resposta){
      // esta função é corrida quando a resposta volta do servidor
      // if (resposta == true) apagar esse(s) usuário(s)
    }
});

###4

Os dados enviados para o servidor podem ser capturados pelo $_POST. Aí tem de percorrer essa array e fazer a remoção na base de dados. Em detalhe não posso responder pois fata informação na pergunta (pode fazer uma pergunta nova se ficar enrascado aqui).

Exemplo:

$usuarios_a_apagar = $_POST['codigos'];
$sql = implode(', ', $usuarios_a_apagar ); // para ficar com "cod1, cod2, etc"

Depois na query à base de dados pode usar:

"DELETE FROM clientes WHERE ID IN ($sql)"

Depois só falta enviar de volta para o lado do cliente a confirmação:

    if ($excluir == 2) echo '[true, "Usuário Excluí­do com Sucesso"]';
    elseif ($excluir == 0) echo '[false, "Houve um erro ao excluir usuário, talvez já tenha sido excluí­do anteriormente!"]';
    else echo '[false, "O Sistema apresentou algum erro, fale com o administrador!"]';

###5

Com a resposta do servidor (assumindo que retorna true) temos então que apagar essas linhas da tabela. Como já as tinhamos guardado podemos fazer assim:

paraRemover.each(function(){ this.tr.remove(); });

##O código (JS) completo:

$('i.icon-trash').closest('li').click(fnApagar);

function fnApagar() {
    var paraRemover = $('table tr input:checkbox:checked').map(function () {
        return {
            cod_votoran: this.value,
            tr: $(this).closest('tr')[0]
        }
    });

    $.ajax({
        url: "endereco.php",
        type: 'post',
        data: {
            codigos: paraRemover.map(function(){ return this.cod_votoran; }).get()
        },
        success: function (resposta) {
             if (resposta[0]) paraRemover.each(function(){
                this.tr.remove();
            }); 
            alert(resposta[1]);
        }
    });
}
Sergio
  • 135,1mil
  • 16
  • 201
  • 294