Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

Multiselect dropdown widget in classic UI

Avatar

Level 2

We have a requirement to create a multiselect dropdown widget in classic UI. There is no OOTB support for multiselection for the "xtype selection, type select". We are able to find examples of multiselection in the sencha site, but these are not extjs version 3.4.0 which is used in AEM. The current extjs version is 6.0.x. we cannot directly use these xtypes because of this version difference. 

Is there any general guideline which we should follow for such a scenario?

Anywhere such multiselect dropdowns are used?

Any help/reference is appreciated.

2 Replies

Avatar

Level 10

Is this the type of thing you are looking for:

https://fiddle.sencha.com/#fiddle/r9

As you suggested - when working with AEM - you have to use the data types available with AEM - which is: 

https://docs.adobe.com/content/docs/en/cq/5-6-1/widgets-api/index.html?class=CQ.form.Selection

YOu can still populate the drop-down with values. (but you cannot multi-select)

In AEM - development is being done on Touch UI/Granite APIs. 

Avatar

Level 2

Thanks for your response. Your fiddler code is the kind of behavior expected. But does it mean that we cannot implement this in class UI?