Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

How to delete jcr value of cq:dialog granite field, when it's hidden ?

Avatar

Level 3

Dear Community

I've a requirement to hide and show two input fields based on selection dropdown, if the input1 is hidden input2 is shown. But the input is already authored the value is shown when the selection changes.

 

Please help me to remove the jcr value of input1 when it's hidden?

 

Thanks,

Koti Syamala

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Level 4

You can use this dialog validation code to achieve this. Here, we will be setting either of the input value is null. if another field is selected using the dropdown.

 

(function(document, $, ns) {
    "use strict";

    $(document).on("click", ".cq-dialog-submit", function(e) {
        e.stopPropagation();
        e.preventDefault();

        var $form = $(this).closest("form.foundation-form"),

            selectionDropDown = $form.find("[name='./selectionDropDown']").val(),

            message, clazz = "coral-Button ";

      

        if (selectionDropDown == 'selected-input2') {

            $('[name="./input1"]').val('');
        }
        if (selectionDropDown == 'selected-input1') {
            $('[name="./input2"]').val('');
        }
        $form.submit();
    });
})(document, Granite.$, Granite.author);

 

View solution in original post

3 Replies

Avatar

Correct answer by
Level 4

You can use this dialog validation code to achieve this. Here, we will be setting either of the input value is null. if another field is selected using the dropdown.

 

(function(document, $, ns) {
    "use strict";

    $(document).on("click", ".cq-dialog-submit", function(e) {
        e.stopPropagation();
        e.preventDefault();

        var $form = $(this).closest("form.foundation-form"),

            selectionDropDown = $form.find("[name='./selectionDropDown']").val(),

            message, clazz = "coral-Button ";

      

        if (selectionDropDown == 'selected-input2') {

            $('[name="./input1"]').val('');
        }
        if (selectionDropDown == 'selected-input1') {
            $('[name="./input2"]').val('');
        }
        $form.submit();
    });
})(document, Granite.$, Granite.author);

 

Avatar

Level 3

Thanks for the clientLibs solution.

 

Hi Adobe Team, @kautuk_sahni @Jaideep_Brar @ashish_mishra1 @Jörg_Hoh @smacdonald2008 

 

This is a common use case can we add this as a flag to not to submit if it's hidden in granite type?

Thanks,
Koti.