Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Reg The listener in multifield

Avatar

Level 3

Hi All,

I need to write a listener for the following scenario:

Amount section is a multifield, Which contains Minimum Amount and Maximum Amount as a text field.

(Through listener we need to show a popup on submit if the maximum amount entered is less than minimum amount)

The screen shot for the dialog is as follows :

Screen Shot 2018-01-17 at 7.16.14 PM.png

For the above multifield scenerio I can't able to achieve the expected output.

The properties of AMOUNT, Minimum Amount And Maximum Amount Respectively

Screen Shot 2018-01-17 at 7.16.31 PM.png

Screen Shot 2018-01-17 at 7.16.46 PM.png

Screen Shot 2018-01-17 at 7.17.01 PM.png

Kindly guide me on to resolve this issue.

Thanks in advance.

6 Replies

Avatar

Level 10

From the statement "For the above multifield scenerio I can't able to achieve the expected output."

Can you tell community what all approaches you tried so that it can be corrected.

Based on mentioned use case you can simply use beforesubmit event and execute you logic to validate amount

https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/widgets-ap...

Avatar

Level 3

Hi,

This is the listener code i used

function(dialogObj){

var minAmount = dialogObj.getField("./amount[0].minAmount").getRawValue();

var maxAmount = dialogObj.getField("./amount[0].maxAmount").getRawValue();

if(minAmount.length>0){

  if(maxAmount.length>minAmount.length)

  {

  return true;

  }

  else

  {

  alert("Max amount should be greater then minimum amount..!!");

  return false;

  }

  }

}

Avatar

Level 10

Under which listener you have put up this code, I mean when this gets executed.

Avatar

Level 8

Hi,

The below article deals with comparison of fields, but not exact use-case as yours. Listing the below link,just in case it helps in any way.

Experiencing Adobe Experience Manager - Day CQ: AEM 61 - TouchUI Date Picker Validator Comparing Two...

Avatar

Level 2

Hi,

Can you please help if it is for Classic UI-multifield dialog