Pager with MVVM

3 posts, 0 answers
  1. Steve
    Steve avatar
    1888 posts
    Member since:
    Dec 2008

    Posted 08 Feb 2013 Link to this post

    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.
  2. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 11 Feb 2013 Link to this post

    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");;

    For your convenience I prepared a small example:

    Kind regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Muhammad
    Muhammad avatar
    6 posts
    Member since:
    Apr 2011

    Posted 03 Dec 2014 in reply to Alexander Valchev Link to this post

    if using mobile then please use 

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