javascript - ngx - paginacion datatable jquery
PaginaciĆ³n del lado del servidor Angularjs Datatable (2)
El formato JSON devuelto debe ser:
{
data: [{Object},{Object},{Object},{Object}…]
draw: "1"
recordsFiltered: 91
recordsTotal: 91
}
Puede obtener un tutorial completo de aquí acerca de la paginación, clasificación y filtrado del lado del servidor de Datatables en angularjs
Estoy tratando de hacer la paginación del lado del servidor de Angularjs Datatable en este enlace https://l-lin.github.io/angular-datatables/#/serverSideProcessing
Entonces uso este código
$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption(''ajax'', {
dataSrc: function(json) {
conole.log(json)
json[''recordsTotal''] =json.length
json[''recordsFiltered''] = json.length
json[''draw'']=1
conole.log(json)
return json;
},
url: ''api/footestrecords'',
type: ''GET''
})
.withOption(''processing'', true)
.withOption(''serverSide'', true)
.withPaginationType(''full_numbers'');
Agregué recordsTotal, recordsFiltered y row manualmente en el parámetro dataSrc
y esto es json datos antes y después de agregar registrosTotal, registrosFiltrado y fila
json datos antes de agregar
[Object, Object, Object, Object, Object, Object, Object, Object,
Object,Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object]
json datos después de agregar
[Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object,
Object,Object, Object, recordsTotal: 28, recordsFiltered: 28, draw: 1]
el problema es que la paginación no funciona, la tabla de datos muestra todos los datos en una página, y cuando hago clic en el botón de búsqueda no realiza ninguna acción.
Elimina .dataSrc
y utiliza esta opción:
.withDataProp(function(json) {
console.log(json);
json.recordsTotal = json.response.total;
json.recordsFiltered = json.response.total;
json.draw = 1;
return json.response.data;
})
Cambia json.response según tu objeto.