2

Digamos que eu tenha a seguinte tabela:

Tabela de Usuários

Eu tenho uma opção que clico para ativar os usuários selecionados pelas checkbox. Tudo já funcionando e inclusive ocorre a ativação dos usuários. estou utilizando Ajax fazendo o browser se comunicar com o servidor e ativar usuário sem ter de carregar a página toda de novo. Minha única dúvida é a seguinte: Após usuário ser ativo quero que mudasse a célula marcada do campo Status para: Ativo e cor Verde. Teria como?

Já fiz algo com addClass('Ativo') porém só consegui deixar todas as palavras da linha em verde. Gostaria que apenas a célula alterasse para ativo e com cor verde.

Por enquanto tenho isto em meu código:

$('i.icon-check').closest('li').click(fnAtivar);

function fnAtivar() {
    var paraAtivar = $('#tableUsuario tr input:checkbox:checked').map(function () {
        return {
            cod_user: this.value,
            tr: $(this).closest('tr').get()
        }
    });

    $.ajax({
        url: "ativarUsuario.php",
        type: 'post',
        data: {
            codigosAtivar: paraAtivar.map(function () {
                return this.cod_user
            }).get()
        },
        success: function (resposta) {
        resposta = JSON.parse(resposta);
         console.log(resposta, typeof resposta, typeof resposta[0], resposta[1]);
        if (resposta[0]) paraAtivar.each(function(){
            //aqui acredito que vai o código para realizar a alteração
        });
        alert(resposta[1]);
    }
    });
}

1 Resposta 1

2

Tente fazer isso:

if (resposta[0]) {
      var tabela = $('#tableUsuario tr');

      $.each(tabela, function(index, tr) {
        var checkbox = $(tr).find("input:checkbox");
        if ($(checkbox).is(':checked')) {
          $(tr).find(".status").text("Ativado");
          $(tr).find(".status").css("color", "#51A351");
        } else {
          $(tr).find(".status").text("Inativo");
          $(tr).find(".status").css("color", "#BD362F");
        }
      });
    }

Lembrando que em toda td que tiver o status, deve ter a class class='status'

17
  • Em que local coloco isto no código? tenho que remover algo existente? @Antony Alkmim Commented 6/11/2014 às 19:04
  • Troca o loop if (resposta[0]) paraAtivar.each(function(){ //aqui acredito que vai o código para realizar a alteração }); e coloca esse que coloquei na resposta, Commented 6/11/2014 às 19:07
  • 1
    Obrigado pela dica. @Bacco xD Commented 6/11/2014 às 19:13
  • Coloquei, porém não aconteceu nada além de mostrar o alerta. No caso esta resposta ela vem da outra página assim [true, Usuário ativado com sucesso!]. Em uma função para excluir usuário eu utilizava isto this.tr[0].remove(); e aqui neste seu código é $(tr). - Digo isto, por que pode auxiliar para chegarmos a um resultado. Commented 6/11/2014 às 19:14
  • Cara, ele já está escrevendo Ativado. . Agora falta só trocar a cor, que não está fazendo com este código :D Commented 6/11/2014 às 19:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .