[CLOSED] DataView and InfiniteScrolling

[adrianot]

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!

[fabricio.murta]

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!

[adrianot]

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!

[fabricio.murta]

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!

[fabricio.murta]

Hello @adrianot!

It's been a while since we last replied here and still no feedback from you. Do you still need help on this issue? We may mark this thread as closed if you do not reply within 7+ days from now but feel free to take your time as even after closed you'll still be able to post follow-ups here.