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
Solved! Go to Solution.
Views
Replies
Total Likes
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"
}
More Reference article :- http://jenikya.com/blog/2013/04/dynamic-dialog-data-in-cq5.html
~kautuk
Views
Replies
Total Likes
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"
}
More Reference article :- http://jenikya.com/blog/2013/04/dynamic-dialog-data-in-cq5.html
~kautuk
Views
Replies
Total Likes
Views
Likes
Replies