Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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

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