Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
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