In AEM 6.2, I have created a multifield that populates the fields on the dialog based on the drop down selection. The listener javascript looks like
On the dialog load
var TITLE = './title',
cMultiField = $dialog.find('coral-Multifield');
$cAdd = cMultiField.find('.coral3-Button--secondary');
Method on selecting the drop down,
cMultiField.find('.coral3-Multifield-remove').click();
The following code is under a loop, that create n number of fields based on the drop down selection.
$cAdd.click();
$titleSelector = cMultiField.find('[name="' + TITLE + '"]:last');
$titleSelector.val("Title1");
The methods used for dialog load & dropdown change are calling properly. But the add button click is not creating the dynamic multifield on the fly. I have tried mousedown() method for the $cAdd and it didn't work either.
Can someone have the solution for this???