Nested Multifield within multifield in content fragment model not working in aem .

[padmanabhsaoji]

Want a multifield inside multifield in content fragment model , have tried with custom js and dialog but still not working any idea please share it .

[Raja_Reddy · Accepted solution]

Hi @padmanabhsaoji 

1. Define the outer multifield: In your Content Fragment Model, define the outer multifield as you normally would. 

   {
       "title": "My Multifield",
       "name": "./myMultifield",
       "fieldLabel": "My Multifield",
       "xtype": "multifield",
       "addLabel": "Add Item",
       "fieldConfig": {
           "xtype": "textfield",
           "name": "./myTextField",
           "fieldLabel": "My Text Field"
       }
   }
   

2. Define the inner multifield: In the fieldConfig object of the outer multifield, define the inner multifield as a custom xtype. For example:

   {
       "title": "My Multifield",
       "name": "./myMultifield",
       "fieldLabel": "My Multifield",
       "xtype": "multifield",
       "addLabel": "Add Item",
       "fieldConfig": {
           "xtype": "custommultifield",
           "name": "./myCustomMultifield",
           "fieldLabel": "My Custom Multifield"
       }
   }
   

3. Define the custom xtype: In your Content Fragment Model's client library, define the custom xtype for the inner multifield. For example:

   CQ.Ext.define("myproject.CustomMultifield", {
       extend: "CQ.form.MultiField",
       constructor: function(config) {
           config = config || {};
           var defaults = {
               "fieldConfig": {
                   "xtype": "textfield",
                   "name": "./myInnerTextField",
                   "fieldLabel": "My Inner Text Field"
               }
           };
           config = CQ.Util.applyDefaults(config, defaults);
           myproject.CustomMultifield.superclass.constructor.call(this, config);
       }
   });
   

4. Include the client library: In your Content Fragment Model's dialog, include the client library that defines the custom xtype. For example:

   <cq:dialog
       ...
       <cq:includeClientLib categories="myproject.custommultifield"/>
       ...
   </cq:dialog>

   https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/nested-multifield-in-conte... 
   https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/multifield-in-content-frag... 

[kautuk_sahni]

@padmanabhsaoji Did you find the suggestion helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.