Level 6

Solved

Check if new item is added to the multifield

Forum|Forum|4 years ago
April 14, 2021
3 replies
2286 views

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.

Best answer by Anudeep_Garnepudi

@shaheena_sheikh

try the below code

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

S

Shaheena_SheikhAuthor

Level 6

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

Asutosh_Jena_

Community Advisor

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);

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

Anudeep_Garnepudi

Accepted solution

Community Advisor

@shaheena_sheikh

try the below code

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

S

Shaheena_SheikhAuthor

Level 6

thanks, it works!

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded