Multiple ListViews per view pull to refresh issue

7 posts, 3 answers
  1. Jay
    Jay avatar
    48 posts
    Member since:
    Dec 2011

    Posted 20 Mar 2014 Link to this post

    Whenever you have multiple list views which have the pull to refresh functionality turned on within the same view, you get multiple displays of the pull to refresh text and icon when you pull the list for refresh.  I've demonstrated this in this jsFiddle.  I took the Telerik demo for Button Group and simply added pull to refresh to each of the list views.

    This problem has been around for a long while, and still exists in the Q1'14 release.
  2.
  3. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 24 Mar 2014 Link to this post

    Hello Jay,

    In case more widgets are needed in the view in question, the listview should be wrapped in a mobile scroller container, you can read more about it here:

    http://docs.telerik.com/kendo-ui/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling

    I have updated your example in the following jsFiddle, and it seems to be working correctly. Please check it out and let me know if this helped:

    http://jsfiddle.net/5PhrT/3/

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Jay
    Jay avatar
    48 posts
    Member since:
    Dec 2011

    Posted 24 Mar 2014 in reply to Kiril Nikolov Link to this post

    Thanks for your quick reply.  That was in fact exactly what I needed! :)
  7. Jay
    Jay avatar
    48 posts
    Member since:
    Dec 2011

    Posted 24 Mar 2014 in reply to Kiril Nikolov Link to this post

    Aparently, I spoke too soon.  While the pull to refresh functionality is fixed via your solution... I am no longer able to scroll the list.  I have updated the jsFiddle to illustrate what I mean.  You can pull to refresh, but you can not scroll to the bottom of the list.

    Can you help?
  8.
  9. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 26 Mar 2014 Link to this post

    Hello Jay,

    The problem comes from the fact that when height is not set for the scroller wrapping the ListView, the widget cannot calculate the size of the items correctly and last items are being cut of. In this case you will also need to hide the scrollers on click of the buttons and not the ListView, so they can be positioned correctly. Please check the updated example:

    http://jsbin.com/luzakima/1/edit

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  11. Jay
    Jay avatar
    48 posts
    Member since:
    Dec 2011

    Posted 26 Mar 2014 in reply to Kiril Nikolov Link to this post

    Hmm, ok.  I see what you are saying, and I am able to make it work that way.  I'd really rather not have to set the height, especially when it's embedded as a view in a layout.  I would prefer that the framework take care of that for me.  So, I submit that as a request.

    Until then, I was able to get it working, thanks!
  13. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 27 Mar 2014 Link to this post

    Hi Jay,

    I am glad it helped.

    In case you have any further questions, please do not hesitate to contact us.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  14.
Back to Top