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