The official release of Ext.NET Mobile is now available. Ext.NET Mobile is an ASP.NET component framework for building Phone and Tablet specific mobile web applications. Read More

DataView and InfiniteScrolling

  1. #1

    DataView and InfiniteScrolling

    Hi guys,
    we would like to know whether DataView infinitescrolling is implemented somehow or not?

    Our idea is to use a DataView to implement a single-column datagrid in order to have small footprint on the dom... but since we're using this UI on mobile devices we are asking whether infinite scrolling is supported or not.

    Thank you!
  2. #2
    Hello @Adrianot!

    I know infinite scrolling is a feature given for Grid Panels. It used to be disabled by default in Ext.NET 2, but since Ext.NET 3, it is enabled by default in any grid panel.

    But this does not mean it is a feature of dataviews, as they are a more like a generalization of the grid panels and may have an arbitrary structure within.

    A single-column grid panel with HTML content may do what you need to attain, based on this old and short discussion in Sencha forums: BufferedRenderer Plugin for Dataview.

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hi Fabricio,
    thank you for the answer.

    Basically we're trying to figure out how to make the UI to become more responsive and lightweight on mobile devices; we have a dynamic UI generator on the server side that adapts our "forms" to the device by changing also the UI items we're rendering based on the device size and features.

    We know that we can have a better UX using the "modern" version of the framework but we can't convert all the stuff for many reasons...

    Thank you!
  4. #4
    Hello @adrianot!

    So you may have some choices here... A data view with paging would be one. Assuming you have lots of data then seems a grid may just work.

    But the problem could lie in the memory footprint -- client side -- to load the data. Buffered views have but all data loaded client-side, the DOM elements are just written as we scroll near and removed as we scroll far. But a remote paging may reveal cumbersome.

    A grid with remote data + buffered rendering may prove the best for this. It will make server requests as the scroll is made. You can fine-tune the buffered rendering machinery to preload more records to reduce the frequency the client has to fetch data from server. The drawback in this approach is, if the connection is not great, some data requests may fail and the user experience while scrolling not be that great. Interesting if the grid has so much data it is not practical to load all the json data structure on the browser.

    Or you can make a bigger local data buffering and then a "pager" to fetch more remote data. Just instead of local data paging you can use the buffered renderer. Well, effectively a remote paging with many elements at once.

    And last, this may help you fine-tune and experiment with the values of the remote pager: Grid Panel's Infinite scrolling tuner example.

    Well, hope some or any of this helps!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 5
    Last Post: Dec 30, 2014, 6:26 PM
  2. Replies: 2
    Last Post: Feb 24, 2014, 5:03 AM
  3. [CLOSED] DataView to DataView Drag and Drop
    By paulc in forum 2.x Premium Help
    Replies: 1
    Last Post: May 10, 2012, 9:19 PM
  4. Replies: 1
    Last Post: Apr 29, 2011, 6:39 AM
  5. DataView
    By syed2uk in forum 1.x Help
    Replies: 1
    Last Post: Dec 18, 2009, 4:48 AM

Posting Permissions