Level 6

Solved

Check if new item is added to the multifield

9 replies
2288 views
Translate

I want to call a JS function when a new item is added to the multifield. I have tried:

$(".cq-dialog").find("coral3-Button coral3-Button--secondary").on("click", funcName);

doesn't call my function.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Anudeep_GarnepudiAccepted solution

New Participant

@shaheena_sheikh

try the below code

$(document).on("dialog-ready", function(){
	$("coral-multifield").children("button[coral-multifield-add]").on("click", function() {
		//Logic
	});
});

Anudeep_GarnepudiAccepted solution

New Participant

@shaheena_sheikh

try the below code

$(document).on("dialog-ready", function(){
	$("coral-multifield").children("button[coral-multifield-add]").on("click", function() {
		//Logic
	});
});

Translate

S

Shaheena_SheikhAuthor

Level 6

thanks, it works!

Translate

Asutosh_Jena_

New Participant

Hi @shaheena_sheikh

Please try the below code and it will work.

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

    $(document).on("click", ".coral3-Button--secondary", function (e) {
        e.stopPropagation();
        e.preventDefault();
        alert("Hi");
    });

})(document, Granite.$, Granite.author);

Translate

S

Shaheena_SheikhAuthor

Level 6

this works but has a problem. The alert gets kicked even if i click on a dropdown, colorfield swatch (these are also within multifield items) etc. that should only get triggered for the click event of Add button

Translate

S

Shaheena_SheikhAuthor

Level 6

my func is getting triggered when i am opening the dialog. Not when i click on the Add button

Translate

Sign up

Login with SSO

Login to the community

Login with SSO