Nested multifield for components

[Love_Sharma]

Hi All,

I am using custom xtype making 3 textfield as multifield. Data saved under content node is 

{"groupId" : "1", "groupName" : "Manager", "groupInformation" : "Managers"}

Now, under one textfield I want another multifield for two text field so output should be 

{"groupId" : "1", "groupName" : "Manager", "groupInformation" : {"roleType" : "Managers", "rolechange" : "associate"} }

I am returning data in above format from my extjs file and want to achieve result in return function in extjs only.

Thanks

[edubey]

Hi, 

Can you elaborate want to achieve result in return function in extjs only.

Thanks

[kautuk_sahni]

Hi

Here is a community article that would help you implement the same :- 

Link:- https://helpx.adobe.com/experience-manager/using/nested_multifield.html

Link:- http://experience-aem.blogspot.com/2015/03/aem-6-sp2-touch-ui-coral-ui-nested-multi-multifield.html

http://experience-aem.blogspot.com/2015/06/aem-61-classic-ui-nested-composite-multifield-panel.html

I hope this would help you.

Thanks and Regards

Kautuk Sahni

[Love_Sharma]

Hi,

I am able to create nested multifeld in dialog

by adding something like

//define the inner multifield
        this.userData = new CQ.form.MultiField({
            fieldLabel: "User Data",
            fieldDescription: "Click '+' to add your Skills",
            width: 400,
            fieldConfig: {
                  "xtype": "customtextPathField",
                  allowBlank: false,
            },
              listeners: {
                  change: {
                        scope: this,
                        fn: this.updateHidden
                    }
                }
            });
            this.add(this.userData);

But how to get and set values of "user Data in extjs" ?

[smacdonald2008 · Accepted solution]

You get values that an author enters into a nested multifield using JSP code. 

This is all explained in this article: 

Creating Adobe Experience Manager Components that use Nested Multifields

Hope this helps 

[Love_Sharma]

Hi smacdonald2008,

I already tried this link but not working for me.

In above code I am referring to external extjs and trying to set values in my current extjs like

setValue: function(value) {

        var link = JSON.parse(value);
        this.groupId.setValue(link.groupId);
        this.groupName.setValue(link.groupName);
        this.displayName.setValue(link.displayName);
        this.workerTypeID.setValue(link.workerTypeID);        /// Values are coming undefined
        this.workerTypeName.setValue(link.workerTypeName);     /// Values are coming undefined
        this.hiddenField.setValue(value);
    },

I am looking for a way to reterive these values and set like the structure mention above in my previous post.

Thanks