Level 2

Solved

How can we duplicate the authoring contents of a field in a multifield

Forum|Forum|4 years ago
April 2, 2021
5 replies
4697 views

Got a usecase like, while authoring in a multifield dialog, all the contents present in a field will get duplicated to the other field when clicking on add button.

For Example, lets say , in a multifield we have a textfield and a numberfield and once we author both fields, next on click of add button the authored contents should reflect in this new filed added inside multifield.

Is this even possible or a valid usecase in a multifield?

@kautuk_sahni

@arunpatidar

@joerghoh

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

@rkr_f5

There is no such OOTB functionality. You should write custom listener to achieve this. Why you want to duplicate the content?

Write a listener on multifield add click
Get nth and (n-1)th multifield-items
Get the content of (n-1)th item and set to nth item's fields

[Update]: Just gone through your use case. One way I think of is, you set default value to each of the filed with in multi-filed, so on adding multi field item will get the default values.

Blow code to execute logic on multifield add click

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

Pawan-Gupta

Level 8

hello,

the Add button is to populate default set of field not to copy the previously entered field. It's not OOTB use case, now if you want or have a use case then

1. write a listener at dialog level which listens to add button call and do according to your use case

refer - http://experience-aem.blogspot.com/2015/04/aem-6-sp2-touchui-adding-dynamic-select-options.html or https://aemsimplifiedbynikhil.wordpress.com/2018/07/30/touchui-dialog-listeners-aem-6-3/

2. or you can populate default values in those field by configuring the default value during field configuration

thanks!!

Asutosh_Jena_

Community Advisor

Hi @rkr_f5

First of all this should not be a use case. In my view, let's say we have a multifield which has 2 fields i.e. Text Field and a RTE field. Now when you configure the dialog for the first time, you will need to author the content for the first list item. On second list I agree that we can copy the content from first list item and it can be done by writing some additional logic. But why will someone want to duplicate the content in a list? Also let's say we want to change the content after copying and you have 2 different content in 2 list. Now for the next item when you will click on "Add" which field it will copy from? Should it copy from list 1 or from list 2? So I don't think this should be an use case!

OOTB functionality is the best one where it gives an option to add the content as required.

Rohit_Utreja

Community Advisor

Hi @rkr_f5,

You can write a touch UI clientlibs and read the value from the first field of multifield. Can copy the value from the first field and add it in the DOM object of dialog as and HTML using JS.

You can refer below link for the clienlib creation for multifield.

https://techforum.medium.com/how-to-enable-custom-validation-on-multifield-touch-ui-adobe-experience-manager-aem-7887e849169a

Anudeep_Garnepudi

Accepted solution

Community Advisor

@rkr_f5

There is no such OOTB functionality. You should write custom listener to achieve this. Why you want to duplicate the content?

Write a listener on multifield add click
Get nth and (n-1)th multifield-items
Get the content of (n-1)th item and set to nth item's fields

[Update]: Just gone through your use case. One way I think of is, you set default value to each of the filed with in multi-filed, so on adding multi field item will get the default values.

Blow code to execute logic on multifield add click

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

AG

R

RkR_F5Author

Level 2

Hi Anudeep,

arunpatidar

Community Advisor

Hi,

What is the business use case here. Simply duplicating values in the multifield dialog does not make sense instead of you can use counter 😛

Please let me know the use case there might be a better approach.

Arun Patidar

R

RkR_F5Author

Level 2

Hi Arun,

Usecase is : We have a component where we are displaying different recipes based on the container we have( that is being populated through a dropdown). Based on this drop down selection, the content in UI changes. The authoring capability in component is quite huge. we have around 15 fields in a multifield.

Now problem is the delta changes with different recipes are quite minimal and most of the time it's just numerical changes, so business does not want to author most of the contents again and again. We do think of content fragmant but that did not work .

So we got this usecase, where we need to duplicate the content every time and then just update the delta changes.

Please do let me know for any better approach.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded