Versão atual:

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);

                    };                    
                }                
            };
    });

Versões (3):

Ver a versão formatada

Datatable modal

Comentário

new question