Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list

How to add values in Touch UI Component multifield field from a array response of a ajax call in AEM 6.2 ?


Level 3

Hi All,

I'm able to add an Array values into AEM 6.2 Classic UI Component dialog Multifield field using listeners node click function, below is the code snippet

function(comp, evt) { var form = this.findParentByType('form'); var arpitField = form.find('name', './arpitMultifield')[0]; if (arpitField) { arpitField.setValue(); } var responseArray = []; var requestParams = {}; var url = "/bin/arpitServletCall/data.json"; requestParams.type = 'name'; requestParams.values = "Arpit"; var appi = $.ajax({ type: "GET", url: url, data: requestParams, async: false, success: function(response) { for (var property in response) { responseArray.push(property + " : " + response[property]); } } }); for (var i = 0; i < responseArray.length; i++) { /* setting field */ var value = responseArray[i]; arpitField.addItem(value); } }

above "arpitMultifield" is Classic UI "xtype=multifield" and "responseArray" is the response I'm getting after ajax call in array format like below:

[ "id : 22", "firstName : Arpit", "lastName : Bora", "email :" ]

Using for loop I'm iterating array and adding values in the multifield field using "arpitField.addItem(value)".

Now I'm trying the same for AEM 6.2 Touch UI Component dialog multifield (granite/ui/components/foundation/form/multifield) using clientlib "listeners.js" because listeners node is not working in Touch UI dialog, I referred this article

I'm able to write click logic and call ajax but the only problem is how to store ajax response array values into the multifield field in Touch UI dialog.


Please provide your suggestion and answers.


Arpit Bora

0 Replies