Se alguma pergunta ou resposta lhe foi útil, não deixe de dar seu voto positivo!

Scrolling e Paginação no Datatable do formulário BPM

Mesmo passando os parâmetros corretos o datatable no formulário não carrega scroll tenho um dataset que traz mais de 100 registro, e paginação não funciona. Prcsiso pagina, na documentação só tem exemplo com REST. O que falta nesse script para ele realizar a paginação e o scrolling.( barra de rolagem)

function TipoNegocio(){
    $('#btnNegocio').click( function() {
        var myModal = FLUIGC.modal({
            title: 'Tipo de Negócio',
            content: '<h5 class="alert alert-warning">Tipos de Negócios</h5>'+'<div id="target"></div>',
            id: 'fluig-modal-negocio',
            size: 'large',
            actions: [{
                'label': 'Incluir',
                'bind': 'data-open-modal',
                'autoClose': true
            },{
                'label': 'Fechar',
                'autoClose': true
            }]

        }, function(err, data) {
            if(err) {
                // do error handling
            } else {
                // do something with data
                var that = this;
                var datasetReturned = DatasetFactory.getDataset("ds_marquise_negocios", null, null, null);
                if (datasetReturned != null && datasetReturned.values != null && datasetReturned.values.length > 0) {
                    var records = datasetReturned.values;
                    that.mydata = [];
                    for ( var index in records) {
                        var record = records[index];
                        that.mydata.push({
                            codigo: record.codigo,
                            nomenegocio: record.nomenegocio

                        });
                    }
                }

                that.tabNegocio = FLUIGC.datatable('#target', {
                    dataRequest: that.mydata,
                    renderContent: ['codigo', 'nomenegocio'],
                    header: [{
                        'title': 'Código',
                        'dataorder': 'nomenegocio',
                        'size': 'col-md-4'
                    }, {
                        'title': 'Tipo de Negócio',
                        'standard': true,
                        'size': 'col-md-4'
                    }],
                    search: {
                        enabled: true,
                        onlyEnterkey: true,
                        searchAreaStyle: 'col-md-5',
                        onSearch: function(res) {
                            that.tabNegocio.reload(that.tableData);
                            if (res) {
                                var data = that.tabNegocio.getData();
                                var search = data.filter(function(el) {
                                    return el.nomenegocio.toUpperCase().indexOf(res.toUpperCase()) >= 0;
                                });
                                that.tabNegocio.reload(search);
                            }
                        }
                    },
                    selected: function(el, ev) {
                        var index = this.tabNegocio.selectedRows()[0];
                        var selected = this.tabNegocio.getRow(index);
                        $("#codnegocio").val(selected.codigo);
                        $("#nomenegocio").val(selected.nomenegocio);

                    },
                    scroll: {
                        target: ".target",
                        enabled: true
                    },
                    actions: {
                        enabled: true,
                        template: '.mydatatable-template-row-area-buttons',
                        actionAreaStyle: 'col-md-6'
                    },
                    navButtons: {
                        enabled: true,
                        forwardstyle: 'btn-warning',
                        backwardstyle: 'btn-warning',
                    },
                    draggable: {
                        enabled: true
                    },
                }, function(err, data) {
                    if (err) {
                        FLUIGC.toast({
                            message: err,
                            type: 'danger'
                        });
                    }
                });

                that.tabNegocio.on('fluig.datatable.loadcomplete', function() {
                    if (!that.tableData) {
                        that.tableData = that.tabNegocio.getData();
                    }
                });
            }
        });

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

1 resposta

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