[AEM 6.5]Issue with Show Hide selection Path Browser under Multifield

Hi @tushaar_srivastava 

OOTB dropdown show/hide will not work with in multifield as it is class based show/hide. On option change show/hide will be applied to all the items with in multifield as there are multiple fields with same class. Solution is to write a custom listener js to hide/show field with in closest multifield  item.

-AG

Hi,

You need to write your own javascript for this and need to load them on every time the dialog is loaded again.

For getting the values from the backend we can use the below sample.

setTimeout(function() {
$.ajax(Granite.author.DialogFrame.currentDialog.editable.path + ".infinity.json").done(handler);
}, 1000);

Once you get the value's of that mulifield, create a handler and write the show/hide logic based on the business logic.

function handler(data) {
$('[data-granite-coral-multifield-name="./<multifield-node-name>"]').find('coral-multifield-item').each(function(index, value) {
$(this).find('[name*="<multifield-property-name>"]').val(data['<multifield-node-name>']['item'+index]['<multifield-property-name>']);

//method for processing the business logic goes in here in the below function

conditionalRendering();
});
}

The category "cq.authoring.dialog" should be selected while creating the js.

Thanks