pageSize changed event

[Matjaz]

I have listView bind to dataSource and pager also bind to the same dataSource. When I change pageSize I want to store new value, so the next time user load page I can set pageSize to his last choice.

I try dataSource change event, but it is not fired. There is also no events on pager.

[Dimo]

Hello Matjaz,

There is no pageSizeChanged event, but you have other two options:

1. Use the databinding event of the ListView and check what is the page size.

https://docs.telerik.com/kendo-ui/api/javascript/ui/listview/events/databinding

function onDataBinding(e) {
   var pageSize = e.sender.dataSource.pageSize();
}

or

2. Use the change event of the PageSize dropdown in the pager.

http://docs.telerik.com/kendo-ui/api/web/dropdownlist#events-change

var pager = $("#pager").data("kendoPager");
var pageSizeDropDownList = pager.wrapper.children(".k-grid-pager").find("select").data("kendoDropDownList");

pageSizeDropDownList.bind("change", function(e) {
   var pageSize = e.sender.value();
});

Regards,
Dimo
Telerik

[Anya]

Is it possible to see this in a full example. I'm having trouble setting up the same custom event handler with dataBinding

[Dimo]

Hello Anya,

Consider the following example, which demonstrates the first option from my previous reply. Let me know if you have additional questions.

https://dojo.telerik.com/uToNIKOF

Regards,
Dimo
Progress Telerik