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

endlessScroll with scroller

5 Answers 75 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Yuvalh
Top achievements
Rank 1
Yuvalh asked on 13 Mar 2013, 10:03 AM
I am trying to use ListView with EndlessScroll within a div with data-role="scroller" but it is not working as expected.

<div data-role="scroller" style="height:300px">
      <ul id="listView"></ul>
<div>
Please see the below example based on another working example on JSBin. I added a placeholder div at the top and a scroller to wrap the ul

Non working example with scroller:
http://jsbin.com/iyodux/24/edit

Original working example:
http://jsbin.com/iyodux/2/edit

Thanks

5 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 14 Mar 2013, 01:19 PM
Hi Eitan,


In the current scenario, the data-role="scroller" div is setting the scroller and the listview does not initialize it's own, which means that it cannot bind the endless scroll. By default a scroller is set for the whole view, except for the header and the footer, which are fixed. As a workaround, you could put the placeholder div in the header. Here is the modified JS Bin example.

 

Regards,
Dimiter Madjarov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Yuvalh
Top achievements
Rank 1
answered on 14 Mar 2013, 02:34 PM
Dimiter,
Thank you very much for your response.
The JS Bin example is just a simplified example of the actual page and I am not sure I would be able to put everything in the header since we are using a common layout (but I would give it a try...).
I understand the limit you mentioned but I am still curious to understand whether there is an option to customize the behavior of the endlessScroll to work with a scroller widget instead of the view scroller.
Alternatively, you mentioned "the listview does not initialize it's own". Is there a way to make the ListView initialize its own scroller?

Thank you for your help
0
Dimiter Madjarov
Telerik team
answered on 18 Mar 2013, 09:06 AM
Hi Eitan,


Currently this behavior is not possible. If you think that it would be a useful addition to Kendo UI, you could post it as a feature request in our User Voice portal. If it gets enough votes from the community we will consider to implement it in our next releases.

Wish you a great day!

 

Regards,
Dimiter Madjarov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Adrian
Top achievements
Rank 1
answered on 12 Jul 2013, 01:53 AM
Couldn't find this in the User Voice portal. I have created 

http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/4184433-enable-mobile-listview-endlessscroll-inside-a-scro
0
Petyo
Telerik team
answered on 12 Jul 2013, 05:06 AM
Hi Adrian,

I am glad to inform you that this case will be supported in our upcoming Q2 release.

Regards,
Petyo
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
Yuvalh
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Yuvalh
Top achievements
Rank 1
Adrian
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or