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.
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.