Datatable modal

Criei uma modal com um datatable. E nela criei o botão selecionar todos. Só que não tem nenhum método para selecionar todas as linhas do datatable.

myModal = FLUIGC.modal({
        title: 'CONSULTA DE CARROS',
        content:'<div class="row">'+
                '  <div class="col-md-12 col-xs-12" style="height: 250px;">'+
                '    <div class="alert alert-success" role="alert" style="text-align:center;font-size:small;"><b>A tecla Ctrl ou a tecla Shift combinadas com o botão esquerdo do mouse, fazem a seleção de multiplas linhas abaixo</b></div> '+
                '    <div id="meusCARROS">'+
                '    </div>'+
                '  </div>'+
                '</div>',
        id: 'fluig-modal',
        size: 'large', // full | large | small
        actions: [
            {
                'label': 'Selecionar Todos',
                'bind' : 'select_all'
            },
            {
                'label': 'Salvar',
                'bind' : 'salvar_CARROS'
            },{
                'label': 'Abortar',
                'autoClose': true 
            }]
        }, function(err, data) {
            if (err) { 
                //-- LOADING
                myLOADING.hide();
                FLUIGC.toast({ message: err, type: 'danger' }) 
            } else {                
                if (tabINDEXMat==0){
                    //-- LOADING
                    myLOADING.hide();
                    FLUIGC.toast({
                        message: 'Não existem CARROS a ser consultado.',
                        type: 'danger'
                    });
                } else{
                    //-- LOADING
                    myLOADING.hide();
                    //-- CARREGAR MODAL
                    myTableCARROS = FLUIGC.datatable('#meusCARROS', {
                        dataRequest:  data, 
                        emptyMessage: '<div class="text-center" style="color:red;"><b>Nenhum registro encontrado até o momento.</b></div>',
                        renderContent: [ 'MARCAS','DESCRICAO'], 
                        search:       { enabled: false },
                        navButtons:   { enabled: false },
                        classSelected:'danger',
                        multiSelect: true,
                        scroll:       { target: '#meusCARROS', enabled: true },
                        header: [
                              { 
                                'title': 'marcas',
                                'size': 'col-md-3'
                            },{ 
                                'title': 'Descricao' 
                            }],
                            selected: function(el, ev) {
                                var index = this.myTableCARROS.selectedRows()[0];
                                var selected = this.myTableCARROS.getRow(index);
                            }                            
                    }, function(err, data) {
                        //-- LOADING
                        myLOADING.hide();
                        if (err) {
                            FLUIGC.toast({ message: 'Erro ao tentar carregar os CARROS. Favor acionar o suporte. \n '+JSON.stringify(err),type: 'danger'});
                        }
                    });
                    //APAGAR A PRIMEIRA LINHA PQ ESTÁ UNDEFINED
                    myTableCARROS.removeRow(0);
                    for(var TAB=1; TAB<=tabINDEXMat; TAB++){

                            var row = { QUANTIDADE: $('#marca___'+TAB).val(),    
                                        DESCRICAO: $('#descricao___'+TAB).val() };
                            myTableCARROS.addRow(null,row);

                    };                    
                }                
            };
    });
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags datatable modal ou faça a sua própria pergunta.