Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

How to read a page node (under content) through a dialog

Avatar

Level 3

Hi,

I have a requirement to build a form page with a drop down and  a rich text box. When user selects an option from Drop down, read a value from a page node (ex. content/mypage/jcr:content/node1) and assign it to the rich text box. When the user updates the rich text value and submits, it should update the existing page node value.

Can anyone please provide me an example or sample code?

Thanks in Advance.

Kishore

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi Kishore

Please have a look at this helpx article:- 

Link:-https://helpx.adobe.com/experience-manager/using/creating-touchui-dynamic.html

// This article covers Dynamically updating AEM TouchUI Dialog Select Fields   

So basically we are updating the values based on event listeners.  

        you can use the set options method of the selection xtype. Modify your listener to something like this

        dialogclose="function(pathfield){ 
                var dialog = pathfield.findParentByType('dialog');
                var selectBox = dialog.findByType('selection')[0]; //assuming this is the only selection you have
                $.getJSON('/bin/featuresservlet?path=' + this.value, function(jsonData){
                    selectBox.setOptions(jsonData);
                    selectBox.doLayout(flase,false);
                }); }" 
        The data returned by your servlet must be of the following format :

        [
         {
            "value": "valueOfOption1",
            "text": "textOfOption1"
         },
         {
            "value": "valueOfOption2",
            "text": "textOfOption2"
         }

        ]
Source:- http://stackoverflow.com/questions/25708043/populating-select-box-options-on-changing-pathfield-in-d...

More Reference article :- http://jenikya.com/blog/2013/04/dynamic-dialog-data-in-cq5.html

~kautuk



Kautuk Sahni

View solution in original post

1 Reply

Avatar

Correct answer by
Administrator

Hi Kishore

Please have a look at this helpx article:- 

Link:-https://helpx.adobe.com/experience-manager/using/creating-touchui-dynamic.html

// This article covers Dynamically updating AEM TouchUI Dialog Select Fields   

So basically we are updating the values based on event listeners.  

        you can use the set options method of the selection xtype. Modify your listener to something like this

        dialogclose="function(pathfield){ 
                var dialog = pathfield.findParentByType('dialog');
                var selectBox = dialog.findByType('selection')[0]; //assuming this is the only selection you have
                $.getJSON('/bin/featuresservlet?path=' + this.value, function(jsonData){
                    selectBox.setOptions(jsonData);
                    selectBox.doLayout(flase,false);
                }); }" 
        The data returned by your servlet must be of the following format :

        [
         {
            "value": "valueOfOption1",
            "text": "textOfOption1"
         },
         {
            "value": "valueOfOption2",
            "text": "textOfOption2"
         }

        ]
Source:- http://stackoverflow.com/questions/25708043/populating-select-box-options-on-changing-pathfield-in-d...

More Reference article :- http://jenikya.com/blog/2013/04/dynamic-dialog-data-in-cq5.html

~kautuk



Kautuk Sahni