Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Pre populate data in touch ui dialog on click of multifield add button

annkitaaggarwal
Level 2
Level 2

Hi All,

 

I have a requirement where i have to pre populate a field inside multifield everytime "add" button is clicked. any guidance is appreciated

 

TIA

4 Replies
Asutosh_Jena_
Community Advisor
Community Advisor

Hi @annkitaaggarwal 

 

You can write a simple on click event which can be triggered when someone clicks on the "Add" button in multifield. But what value it should populate? Where should we get this value?

annkitaaggarwal
Level 2
Level 2

i need to specify id there, where author can copy and use it to link if needed. can you please help me with a code snippet

Asutosh_Jena_
Community Advisor
Community Advisor

Hi @annkitaaggarwal 

 

Please make sure your multifield node has the granite:class property with class name as "multifield-click" as the same class is referred in code.

 

Asutosh_Jena__0-1637331819371.png

 

Here is a sample code:

 

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

$document.on("dialog-ready", function () {

$(".multifield-click .coral3-Button--secondary").click(function(){
alert((Math.random().toString(36).substr(2, 9))); // Take this id and append in the input field where necessary.
})

});

})($, $(document));

 

annkitaaggarwal
Level 2
Level 2

Thanks, but can you guide me like, how to write the snippet for prepopule the dialog field on click on add button.

i am getting the alert, but not able to apend it with the field