I am trying to use ListView with EndlessScroll within a div with data-role="scroller" but it is not working as expected.
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
<
div
data-role
=
"scroller"
style
=
"height:300px"
>
<
ul
id
=
"listView"
></
ul
>
<
div
>
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
0
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.
Dimiter Madjarov
the Telerik team
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
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
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!
Dimiter Madjarov
the Telerik team
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
http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/4184433-enable-mobile-listview-endlessscroll-inside-a-scro
0
Hi Adrian,
Petyo
Telerik
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!