List items in grid, splitted in pages

Hi,

I have a list of N items. I would like to display these items in pages like this :

- Each page displays a list of items, arranged in a grid containing X columns and Y rows (like CollectionView)
- Display dots for pagination, like SfRotator does
- Would be able to reorganize items
- Execute action when clicking an items (open new page, display alert, ...)

In other words, I would like to get exactly the same behaviour than the Android application list.

What is the best way to achieve this ?

Thanks

Antoine

4 Replies 1 reply marked as answer

SS Suganya Sethuraman Syncfusion Team April 19, 2021 12:59 PM UTC

Hi Antoine,

We are currently validating on this and we will update the details on April 21, 2021.

We appreciate your patience until then.

Regards,
Suganya Sethuraman.
 



SS Suganya Sethuraman Syncfusion Team April 21, 2021 11:19 AM UTC

Hi Antoine,

We have analyzed your requirement. We have prepared a sample using SfListView inside the SfRotator.

Screenshot


Please have the sample for your reference,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ListViewGridLayout537731239

Please check if the sample satisfies your requirement and let us know if you have any concerns.

Regards,
Suganya Sethuraman.
 


Marked as answer

AN Antoine April 21, 2021 02:09 PM UTC

Hi Suganya,

Many thanks for your reply and the time passed on my request.
This is "almost" what I need.

In your sample, you have two lists (one for each rotator page).
My need is to get one single list to be splitted into rotator pages, without any vertical scrolling (only horizontal scrolling thanks to rotator).


For example :

I have this list of strings : [ "A", "B", "C", "D", "E", "F", "G", "H", "I" ]
If one rotator page can display 6 items (2 columns / 3 rows), it would render 2 pages like this :

1st page :


2nd page :



I think I will manually split my list of strings into 2 lists and pass them into rotator pages by taking inspiration from your sample.
But if I do this, I will not be able to long-press an item and move it to another page for re-ordering.

If you see another way to achieve this behaviour, I'm interrested.

Many thanks !

Kind regards,

Antoine


SS Suganya Sethuraman Syncfusion Team April 22, 2021 12:30 PM UTC

Hi Antoine,

Thanks for the update.

Query: “I will not be able to long-press an item and move it to another page for re-ordering."

We have prepared sample to reproduce the issue but were unable to reproduce the same. Please have the modified sample and video for your reference,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ListViewRotator1172926300

Video:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/Rotator_ListView1605912586

If you still face the same problem means, please revert us the simple sample which replicate the reported issue which will be more helpful to proceed further and fix this issue from your side.

Regards,
Suganya Sethuraman.



Loader.
Up arrow icon