endlessScroll with scroller

6 posts, 0 answers
  1. Yuvalh
    Yuvalh avatar
    2 posts
    Member since:
    Nov 2012

    Posted 13 Mar 2013 Link to this post

    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
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2156 posts

    Posted 14 Mar 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Yuvalh
    Yuvalh avatar
    2 posts
    Member since:
    Nov 2012

    Posted 14 Mar 2013 Link to this post

    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
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2156 posts

    Posted 18 Mar 2013 Link to this post

    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!
  6. Adrian
    Adrian avatar
    15 posts
    Member since:
    Dec 2011

    Posted 11 Jul 2013 Link to this post

    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
  7. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 12 Jul 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready