Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Sorting in Touch Component

Avatar

Level 6

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 @akhilraj 

 

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 4

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

Avatar

Correct answer by
Community Advisor

Hi @akhilraj 

 

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 @akhilraj ,

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