Expand my Community achievements bar.

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