Pager with MVVM

[sitefinitysteve]

How do I set the page size on the listview for MVVM?  the source for the listview and pager is just an array on the model.

[Alexander Valchev]

Hi Steve,

Paging is feature of the DataSource. Generally speaking you can set it in this way:

data-source='{ "pageSize": 3 }'

However you will not be able to navigate between the pages out of the box. To do that you may hook up to the change event of the pager and manually switch its page.

onChange: function (e) {
    var listview = $("#listview").data("kendoListView");
    listview.dataSource.page(e.sender.page());
}

For your convenience I prepared a small example: http://jsbin.com/inafud/2/edit

Kind regards,
Alexander Valchev
the Telerik team

[Muhammad]

if using mobile then please use 

 var listview = $("#listview").data("kendoMobileListView");