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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

kishored6899358
Level 3
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
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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