In the paging section( https://www.telerik.com/kendo-angular-ui/components/grid/paging/) there is a directive to further control the pager content of the grid. What I was trying to accomplish is having a HTML number input to allow users to specify their desired page size. However my 'onchange' event is never firing for the input control.
In the Pager Template stack blitz example there is a slider that is able to bind to events. Is there some limitation on what controls that can be used with the directive?
Event for onchange
setPageSize(value: any ) {
console.log('value => ' + JSON.stringify(value));
}
HTML for Pager template
01.
<
ng-template
kendoPagerTemplate
let-totalPages
=
"totalPages"
let-currentPage
=
"currentPage"
>
02.
<
kendo-pager-prev-buttons
></
kendo-pager-prev-buttons
>
03.
<
kendo-slider
04.
[showButtons]="false"
05.
[tickPlacement]="'none'"
06.
[max]="totalPages"
07.
[min]="1"
08.
(valueChange)="sliderChange($event)"
09.
[value]="currentPage">
10.
</
kendo-slider
>
11.
<
kendo-pager-info
></
kendo-pager-info
>
12.
<
kendo-pager-next-buttons
></
kendo-pager-next-buttons
>
13.
<
input
type
=
"number"
value= {{pageSize}} (onchange)="setPageSize($event)" >
14.
</
ng-template
>