-1

I have created a dropdown in a component which has a list of items in alphabetical order. I want it to be selected or highlighted such that I can get to approximately location of an item if I type the first letter of it. How can I do it in AEM6 ?

can I do it in jquery ?

Ajax
  • 148
  • 7
  • 24

1 Answers1

0

You need to create event handler functions in JavaScript for the dialog.

An example is http://abani-behera.blogspot.com/2013/10/attach-listeners-to-widgets-in-cq5-aem.html (CQ5 style ExtJS dialogs)

Alternately, TouchUI example at https://helpx.adobe.com/experience-manager/using/creating-touchui-events.html (skipping extra details because it sounds like you aren't using TouchUI dialogs at this time).

Community
  • 1
  • 1
IT Gumby
  • 1,067
  • 8
  • 11
  • Which event can be used. Can i use jQuery for keyboard shortcut to location a selection like onkeydown or onkeypress ? Default events like highlight on onmouseover or select on onmouseclick should not get impacted. – Ajax Mar 13 '16 at 08:48
  • @Ajax you haven't identified which dialog you are using: ExtJS vs TouchUI. Because jQuery is assumed loaded in edit mode, you should be able to leverage you can use it. But the dialog type drives which events are triggered or listened to. Please refer to the AEM documentation for more details. – IT Gumby Mar 14 '16 at 20:14
  • I am using extjs dialog. – Ajax Mar 14 '16 at 20:25
  • S.O. helpful explanation: http://stackoverflow.com/questions/7260134/explain-extjs-4-event-handling vs AEM widgets: https://docs.adobe.com/docs/en/aem/6-1/develop/components/widgets.html vs ExtJS documentation: https://docs.adobe.com/content/docs/en/cq/5-6-1/widgets-api/index.html – IT Gumby Mar 14 '16 at 20:36