El problema que tengo es que el paginador no puedo hacerlo funcionar ya que marca este error:
ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
Lo que estoy haciendo es que primero con un campo select en html seleccione la opción y este al marcar la opción deseada, de click en un botón y despliegue la tabla, cosa que si hace pero al tratar de paginar los datos este me genera el error anterior.
HTML
<mat-form-field class="example-full-width" color="accent">
<mat-select formControlName="Cliente" placeholder="Cliente" ngModel required (ngModelChange)="clienteSeleccionado(Busqueda.value.Cliente)">
<mat-option *ngFor="let listaCliente of ListadoClientes" [value]="listaCliente.cliente">
{{ listaCliente.cliente }}
</mat-option>
</mat-select>
</mat-form-field>
<div>
<button mat-raised-button type="submit" color="primary"
matTooltip="Mostar Por Cliente">
<mat-icon>manage_search</mat-icon> Buscar Registros
</button>
</div>
En la parte de evaluar que registro se hizo es este:
clienteSeleccionado(cliente) {
this.cliente = cliente;
}
En el botón, para hacer el registro lo hice así:
submit() {
var promise = new Promise((resolve, reject) => {
this.PTService.ListadoPorCliente(this.cliente).subscribe(
(data) => {
this.ValorValidacion = "SI";
this.dataSource = new MatTableDataSource<datosCliente>(data);
this.selection = new SelectionModel<datosCliente>(true, []);
this.dataSource.paginator = this.paginator;
return resolve(data)
},
(err) => reject(),
() => console.log('Datos entregados')
)
})
}
Lo raro es que si responde y me pinta los datos en la tabla, el inconveniente es que da error la linea this.dataSource.paginator = this.paginator;
, he tratado de basarme en este ejemplo pero veo que el paginado de datos lo ingresa así
ngOnInit() {
this.dataSource.paginator = this.paginator;
}
Pero yo donde lo ingreso es donde hago la búsqueda y este me retorna null.
ACTUALIZACION
Realice los siguientes cambios;
dataSource: MatTableDataSource<datosCliente> = new MatTableDataSource([]);
selection: SelectionModel<datosCliente> = new SelectionModel<datosCliente>(true, []);
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
Y en donde hago la busqueda asi:
this.PTService.ListadoPorCliente(this.cliente).subscribe(res => {
this.ValorValidacion = "SI";
//console.log(res)
this.datosResultados = res;
this.dataSource = new MatTableDataSource(res);
this.dataSource.paginator = this.paginator;
});
Pero sigue sin resolverse el que el paginador reconozca la longitud