Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Sorting in Touch Component

Avatar

Level 3

Hi Team We have a classic component with dynamic values, and having some title tabs in it and which is having sorting functionality(Ascending/Descending)

akhilr48142671_0-1655216141691.png

 

How this kind of sorting can be achieved in Touch dialogs? Any Idea is really helpful.

akhilr48142671_1-1655216196332.png

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @akhilr48142671 

 

Please check this link: https://adobe-consulting-services.github.io/acs-aem-commons/features/sort-nodes/index.html

 

It has OOTB ACS commons sorting and also some code that you can leverage.

 

Hope this helps!

 

Thanks,

Kiran Vedantam.

View solution in original post

3 Replies

Avatar

Level 3

One thing that you can try is having the oak index defined with ordered property.

Avatar

Correct answer by
Community Advisor

Hi @akhilr48142671 

 

Please check this link: https://adobe-consulting-services.github.io/acs-aem-commons/features/sort-nodes/index.html

 

It has OOTB ACS commons sorting and also some code that you can leverage.

 

Hope this helps!

 

Thanks,

Kiran Vedantam.

Avatar

Community Advisor

Hi @akhilr48142671 ,

In classic UI (ExtJS) your component might be referring to 

/libs/cq/reporting/components/columnbase/columnbase.jsp

which looks responsible for sorting. However, If you wish to achieve it in Granite Touch UI you have to customize it.

Please refer one of component from we-retail - Product Grid.

Screen Shot 2022-06-14 at 8.42.45 PM.png

Hope that helps!

Regards,

Santosh