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

Pull down to refresh

24 Answers 557 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Simeon
Top achievements
Rank 1
Simeon asked on 29 Mar 2012, 02:07 PM
When I pull down to refresh with only one item in the listview it does not seem to trigger the refresh.  If I have two or more items the refresh works.  Anyone else getting this?

Cheers,

Simeon

24 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 30 Mar 2012, 09:18 AM
Hi Simeon,

We are not aware of such issue in ListView for Kendo UI Mobile. Could you please provide a URL or a sample project where this occurs? Thus way we will be able to reproduce the problem and assist you further.

Thank you in advance!

All the best,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Simeon
Top achievements
Rank 1
answered on 30 Mar 2012, 10:19 AM
Yeah know bother.  Here is a sample of an application I am working on at the minute.  Go to the second tab select a vehicle or all vehicles and then in the data-init of the third tab I load the initial view and allow the user to pull down to refresh.  If the go back to the second tab alter the vehicle go back to the third and pull down again it refreshes the data with the new parameters.  W253VRP only has one job and shows the problem.

Cheers,

Simeon
0
Petyo
Telerik team
answered on 30 Mar 2012, 12:37 PM
Hi,

This seems like one of the known limitations  of the pull to refresh feature - the content area has to be larger than the contents, so that scrolling can be performed. 

As a workaround, I may suggest that you extend the listview height to something larger, so that scrolling will always be enabled. 

Greetings,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Slammer
Top achievements
Rank 1
answered on 18 Apr 2012, 12:06 PM
I like the pull to refresh listview. However I feel there should not be a requirement that the listview has to have more content than it can display in order for pull-to-refresh to work.

It can happen there is just not enough (dynamic) data to display, but still a refresh would be necessary. Just putting extra placeholders is a dirty workaround :)
0
Petyo
Telerik team
answered on 18 Apr 2012, 12:20 PM
Hi,

Indeed, a padding item is a workaround. However, having a pull-to-refresh for content less than the page would enable scroller for an area that is otherwise non-scrollable. This may cause confusion for the end user. 

Kind regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Patrick
Top achievements
Rank 1
answered on 31 May 2012, 08:23 AM
Hello,

Do you expect that this will be fixed soon?  I have a similar problem.  I dynamically build a listview and cannot predict how much data will actually be returned.  I depend on the pull to refresh capability to let a user refresh the list.  But if the list isn't longer than the viewport, then the user cannot use pull to refresh so there is absolutely no way to get out of this situation by the user.  I can do the margin-bottom workaround on the list view but it does as you say -- makes the window scrollable for a bunch of white space at the bottom that makes for a poor user experience.

Regards,

Patrick  
0
Petyo
Telerik team
answered on 31 May 2012, 08:31 AM
Hello Patrick,

The feature is in our backlog for our Q2 release.

Greetings,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Patrick
Top achievements
Rank 1
answered on 03 Jun 2012, 08:57 AM
Petyo,

Thank you for your response!  Could you clarify if "backlog for Q2 release" means that you plan to fix it for certain or if it just a candidate that may or may not be fixed depending on other priorities?   I've been trying to come up with a workaround that adds just enough margin to fill up slightly more than the page but I have not had success.  The workaround needs to account for all shapes and sizes of target device screens (all iOS and Android), orientations (portrait/landscape) and variable data in list views.  It would be much better if your talented team could supply a fix.  As you can see, I purchased the library and so far I am very happy.  Hoping this will be fixed.

Regards,

Patrick
0
Petyo
Telerik team
answered on 04 Jun 2012, 08:26 AM
Hello Patrick,

Sorry for not being clear enough.

Being in the backlog in this case means that we are looking into addressing it for the next release, but we can't really commit to that (committed features are found in our roadmap).

To be completely honest, the biggest reason for that is, that we are still not sure how to fix that in a reliable manner.

Personally, I hope that we will come with something, as this seems like somewhat common case. 

Kind regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RodEsp
Top achievements
Rank 2
answered on 12 Jun 2012, 11:43 PM
Another thing to note about pull to refresh, is that setting it as an attribute (data-pullToRefresh="true") seems to be broken, as well as selectable (data-selectable="true").

http://jsfiddle.net/RodEsp/ZqMNG/15/ 

Do you have any proposed workarounds?
0
Petyo
Telerik team
answered on 13 Jun 2012, 07:42 AM
Hello Rodrigo,

Data attributes are translated to dashes, so the attribute be data-pull-to-refresh. However, while testing, I noticed that indeed a declarative attribute setting of the pull-to-refresh does not work. This problem will be addressed in our next internal build, coming out end of this week. 

The mobile listview widget does not have a selectable option (please refer to the docs) - perhaps you have discovered an error in our documentation or demos? Can you please point us to the place where you have seen that option?

Thanks,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RodEsp
Top achievements
Rank 2
answered on 26 Jun 2012, 04:33 PM
Hey Petyo,

I am excited about the recent release of Kendoui's new version. However, I am still experiencing some difficulties trying to implement the pull-to-refresh attribute in a listview.

Here's a jsfiddle where it seems like the attribute is ignored.
http://jsfiddle.net/RodEsp/p9UQW/ 

When I add that attribute to my real application and try to run it in a browser or a mobile device the app freezes on the view before the following console error: Uncaught TypeError: Cannot call method 'pullHandled' of undefined. Can you provide any clarification on this?

Thank for all your help.
0
Alexander Valchev
Telerik team
answered on 29 Jun 2012, 01:05 PM
Hello Rodrigo,

The fiddle that you provide does not uses a version from 15th May (Q1 SP1). I tested the data-pull-to-refresh attribute with the latest release (Q2 2012 Beta) and did not managed to reproduce the problem.
<ul id="listview"
    data-role="listview"
    data-source="dataSource"
    data-pull-to-refresh="true"
    data-append-on-refresh="true"
    data-template="pull-to-refresh-template">
</ul>

Could you please check my test page and point out what I am missing?

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!
0
RodEsp
Top achievements
Rank 2
answered on 29 Jun 2012, 05:51 PM
I am truly sorry for wasting your time with that Alexander. I honestly thought I had upgraded the jsFiddle to Kendo's Q2 version.
However, after upgrading to the Q2 version I have the same issue that I do on my real app. When trying to navigate or load the view that contains the listview with the data-pull-to-refresh attribute, the page/app freezes.
The console now reads: Uncaught RangeError: Maximum call stack size exceeded.

I have updated the jsFiddle and commented out the data-pull-to-refresh attribute since the page won't load with it enabled.
http://jsfiddle.net/RodEsp/p9UQW/ 

You can easily reproduce the issue by simply adding the attribute to the listview.
0
Alexander Valchev
Telerik team
answered on 04 Jul 2012, 09:14 AM
Hi Rodrigo,

I believe the problem is caused by the dataSource configuration - your example uses jsFiddle echo service to simulate Json call and is not page-able. Does the problem persists if you use a remote data service and dataSource with serverPaging enabled?
Please provide such reproduction project and I will check it right away. Thank you in advance for the cooperation.

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!
0
d2uX
Top achievements
Rank 1
answered on 20 Jul 2012, 08:23 AM
I have the same problem (receiving the call stack error).
How exactly must serverPaging be implemented on the server-side?
Simply declaring serverPaging: true on the dataSource doesnt seem to solve the issue ^^'
0
Dario Ferrecchia
Top achievements
Rank 1
answered on 08 Aug 2012, 12:15 PM
I have the same problem for the scroll that is not enabled with few element of the list.
Have someone found a solution?
is a vary big limitation.
Thanks Dario 
0
Petyo
Telerik team
answered on 09 Aug 2012, 03:41 PM
Hello everyone,

I am glad to inform you that the issue where the contents are shorter than the viewport disables the pull to refresh is resolved, and will be available in our next internal build, due next week.  I would like to thank you guys for the patience and cooperation. 

Greetings,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RodEsp
Top achievements
Rank 2
answered on 09 Aug 2012, 03:54 PM
Great news. Thanks Petyo!
0
Dario Ferrecchia
Top achievements
Rank 1
answered on 09 Aug 2012, 03:58 PM
Great!!!!
we'll wait next week to start testing.


Thanks a lot!!
Dario.
0
Juan Carlos
Top achievements
Rank 1
answered on 07 Nov 2012, 08:42 PM
Is this issue already resolved??

I have been half day fighting with this issue...
0
d2uX
Top achievements
Rank 1
answered on 08 Nov 2012, 08:33 AM
The stack thing was fixed with the 803-Release. So I guess the public released Q3 (14th november) will resolve it. I dont really know, when the pull-to-refresh with few items was fixed (but apparently it was). 
And does anyone know if the problem with pull-to-refresh in connection with endless-scroll was fixed yet?
0
Juan Carlos
Top achievements
Rank 1
answered on 08 Nov 2012, 08:46 AM
Thanks!
I downloaded Q3 beta, and it´s already working.
Waiting for definitive version.
0
d2uX
Top achievements
Rank 1
answered on 08 Nov 2012, 09:13 AM
Damn, download of the beta seems to be down right now :/
Tags
ListView (Mobile)
Asked by
Simeon
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Simeon
Top achievements
Rank 1
Petyo
Telerik team
Slammer
Top achievements
Rank 1
Patrick
Top achievements
Rank 1
RodEsp
Top achievements
Rank 2
Alexander Valchev
Telerik team
d2uX
Top achievements
Rank 1
Dario Ferrecchia
Top achievements
Rank 1
Juan Carlos
Top achievements
Rank 1
Share this question
or