This is a migrated thread and some comments may be shown as answers.

Multiple ListViews per view pull to refresh issue

6 Answers 110 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Jay
Top achievements
Rank 2
Jay asked on 20 Mar 2014, 10:25 PM
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.

6 Answers, 1 is accepted

Sort by
0
Accepted
Kiril Nikolov
Telerik team
answered on 24 Mar 2014, 11:31 AM
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!
 
0
Jay
Top achievements
Rank 2
answered on 24 Mar 2014, 07:42 PM
Thanks for your quick reply.  That was in fact exactly what I needed! :)
0
Jay
Top achievements
Rank 2
answered on 24 Mar 2014, 11:45 PM
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?
0
Accepted
Kiril Nikolov
Telerik team
answered on 26 Mar 2014, 07:53 AM
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!
 
0
Jay
Top achievements
Rank 2
answered on 26 Mar 2014, 04:30 PM
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!
0
Accepted
Kiril Nikolov
Telerik team
answered on 27 Mar 2014, 09:15 AM
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!
 
Tags
ListView (Mobile)
Asked by
Jay
Top achievements
Rank 2
Answers by
Kiril Nikolov
Telerik team
Jay
Top achievements
Rank 2
Share this question
or