Hi Bernadus,
Thanks for contacting Syncfusion support
You can achieve your requirement by appending the input element
into the Grid pager when the “created” event is triggered. Please refer
to the below code example and sample link for more information.
|
function created(e) {
var grid = document.getElementById('Grid').ej2_instances[0];
let pagerInput = ej.base.createElement('input', {
className: 'e-pagerdropdown',
});
var pager = grid.getPager();
pager.querySelector('.e-pagerdropdown').style.display = 'none';
pager
.querySelector('.e-pagesizes')
.insertBefore(pagerInput, pager.querySelector('.e-pagerdropdown'));
pagerInput.addEventListener(
'keydown',
function (args) {
if (args.keyCode == 13) {
if (args.target.value == 'All') {
grid.pageSettings.pageSize = grid.pageSettings.totalRecordsCount;
} else {
grid.pageSettings.pageSize = parseInt(args.target.value);
}
}
}.bind(this)
);
},
|
Regards,
Pavithra S
