How to show Specific CRX node structure on UI

Avatar

Avatar

dhanubrp

Avatar

dhanubrp

dhanubrp

20-01-2021

We have a component ( we are creating component using dialog.xml file ) .

 

Component fields look in below format

aem-screenshot.png

 

General Category 1
General Category 2
......

General Category 20


Each category should have 15 Labels per each ( In screenshot added only 2 labels )


General Category 1 -> Label1 ,Lable12 .....Labe115
.......

CRX structure look below format for the component fields

 

aem-screenshot2.png

 

categorylabels

               category1 -> label1,label2.....label15

               category2 -> label1,label2.....label15

                .......

               category20 -> label1,label2...label15

 

After entering the data and submit on component , In UI data looks in the below format

aem-screenshot3.PNG

The values are showing continuously.

 

We want to show data  in below format

 

General Category1

  Label1 = General Category1 label1 value

  Label2 = General Category1 label2 value

 

General Category2

  Label1 = General Category2 label1 value

  Label2 = General Category2 label2 value

etc.....

component path:

 ./apps/....../categorylabels/dialog.xml 

                                           

    Tried to override categorylabels.jsp 

 

   In jsp we are able to access  "categorylabels"  node values

 

   but  we are not able to access   "categorylabels/category1"  node values

 

Can anyone please help me,  how to show these details  in UI ?  

                                                                            

 

Component Code:

 

         <category1 jcr:primaryType="cq:Widget"  title="General Category 1" xtype="dialogfieldset">
            
               <items jcr:primaryType="cq:WidgetCollection">
                        
		       <lablel1
                            jcr:primaryType="cq:Widget"
							
                            fieldLabel="Label 1"
                           
                            name="./category1/lablel1"
                           
                            xtype="textfield">
                           
                        </lablel1>
						
	                <lablel2
                            jcr:primaryType="cq:Widget"
							
                            fieldLabel="Label 2"
                           
                            name="./category1/lablel2"
                           
                            xtype="textfield">
                           
                        </lablel2>
                    </items>
					
             </category1>