Question

Listview scroll to load more data

0

Hello All, We need listview scroll bar to be used to load more data of list instead of clicking on the load more button of listview. Please suggest how to put the scroll option to load extra rows in the Listview. Thanks, Snehal P

asked 2024-09-20

Snehal Phadatare

3 answers

Mobin Mulla · Answer 1 · 2024-09-20

Hi Snehal,

You can set page size more than the records. Then set a height of listview.

Then add overflow property to the listview.

This will work like a charm.

Thanks

Jelle van Leeuwen · Answer 2 · 2024-09-20

Hello Snehal Phadatare,

Is there a reason you use the list view over for example the datagrid2 and gallery, which provides virtual scrolling:

https://docs.mendix.com/appstore/modules/data-grid-2/#virtual-scrolling

https://docs.mendix.com/appstore/modules/gallery/#pagination

Hope this helps,

Good luck!

Sharad Suryavanshi · Answer 3 · 2024-09-20

Hi Snehal.

1) you can give list view class as custom-listview and use below css to allow scrolling and hide load more button

.custom-listview { overflow: auto; max-height: 400px;

.mx-listview-loadMore { display: none; }}

and give listview page size as your potential max no records

Note- It will have performance issue when there are many records, as it will load them at once.

Alternate best solution-Datagrid2 with virtual scrolling