0

inserir a descrição da imagem aqui

Tenho essa tabela utilizando datatable, e preciso alterar o WHERE do select que preenche ela caso o checkbox "Exibir todos os usuários" esteja marcado. Criei esse função para saber se o checkbox está marcado, agora preciso enviar essa variável users via Ajax para o arquivo que monta o select e recriar a tabela trazendo todos os registros , como fazer isso ?

$('#all_users').click(function(){
  if($(this).is(':checked') ) {
    var users = 'all';
  }
});

Tabela criada

var tabela = $("#lista-dados").DataTable({
 "processing": false,
 "serverSide": true,
 "autoWidth": true,
 "ajax": {
     "type": "POST",
     "data": ws_datatable,
     "url": "./functions/ws_datatable.php"
  },
  "order": [[ 2, "desc" ]],
  "lengthMenu": [[10, 25, 50, 100, 250, 500, -1]],
  "pageLength": 10,
  "bStateSave": true,
  "paging": true,                                
  "dom": "lBfrtipr",
  buttons: []
});
3
  • Como está criando pela primeira vez a datatable e como recebe os dados Commented 25/07/2018 às 18:47
  • Editei a pergunta para melhor entendimento.. Commented 25/07/2018 às 18:55
  • A resposta funcionou ? Commented 25/07/2018 às 20:35

2 Respostas 2

1

Exemplo

Você precisa de passar um parâmetro para o servidor indicando que quer todos os usuários, no caso se o parâmetro "" no user

$('#all_users').click(function () {
    if ($(this).is(':checked')) {
        var users = 'all'; //vamos parasse esse parâmetro no URL
        criarDatatable(users)
    }
});

function criarDatatable(users) {

    //antes de reconstruir a tabela tem que a destruir primeiro (apenas se estiver alterando uma datatable já existente)
    if ($.fn.dataTable.isDataTable('#lista-dados')) {
        tabela = $('#lista-dados').DataTable();
        tabela.destroy();
    }

    var tabela = $("#lista-dados").DataTable({
        "processing": false,
        "serverSide": true,
        "autoWidth": true,
        "ajax": {
            "type": "POST",
            "data": ws_datatable,
            "url": "./functions/ws_datatable.php?users=" + users //parâmetro no URL
        },
        "order": [[2, "desc"]],
        "lengthMenu": [[10, 25, 50, 100, 250, 500, -1]],
        "pageLength": 10,
        "bStateSave": true,
        "paging": true,
        "dom": "lBfrtipr",
        buttons: []
    });
};

//reserved é apenas um exemplo de parâmetro 

criarDatatable('reserved');
0

Com o retorno do AJAX recrie a table com o jquery e inicie o Datatable

JS

<script>
    // com os dados do retorno repreencha o table-wrapper
    $('#table-wrapper').html(
        '<table id="table">
             <thead>
                 <th>Id</th>
                 <th>Nome</th>                
             </thead>
             <tbody>
                 <td>' + data.id + '</td>
                 <td>' + data.nome + '</td>
             </tbody>
        </table>'
    );

    $(document).ready( function () {
        $('#table').DataTable();
    });
</script>
0

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 .