Touch UI - get current selected image path from Granite PickerDialog

[vikashy47555224]

Hi,

I am using AEM 6.3 SP1. I have touch UI component which has Pathfield to select images from DAM. In touch UI, how one can get the current selected image path from granite picker dialog on click of "Select" button?

For example, on click of "Select" button, I want to capture selected image path in jquery script.

[smacdonald2008]

To capture any component dialog value in JS script - you should use  JS API with HTL. To read a dialog field - you use syntax like:

var mypath= properties.path;

where path is the name of the  Pathfield in the touch ui dialog.

[smacdonald2008]

See this article to learn how to work with JS API with HTL - it will get you up and running - Creating a Tab layout component for Adobe Experience Manager

[Peter_Puzanovs · Accepted solution]

Hello Vikash,

You could add following Jquery to capture current selection:

$(".is-selected.foundation-selections-item").attr("data-foundation-collection-item-id") // returns the path to selected item

Regards,

Peter