Sunday, 16 August 2015

Drag and Drop value from one output component into another output component

To drag and drop value from one output component into another output component, follow the below steps:

Step 1: Create an Oracle ADF Fusion web Application.

Step 2: Create a demo.jsf page in the ViewController project.

Step 3: Drag and drop two outputText separated by a spacer on the demo.jsf page.

Step 4: Insert Attribute Drag Source in the first outputText component. Select the Insert Attribute Drag Source as "value" from the drop down list as shown below:
                     

Step 5: Insert Attribute Drop Target in the second outputText component. Select the Insert Attribute Drop Target as "value" from the drop down list as shown below:
                     

Step 6: Thus, the complete demo.jsf code is shown below:





Step 7: Save and Run the Application that is demo.jsf page. The output will be as below in the browser:








                    

Step 8: Now drag  outputFormatted1 value and drop it on top of outputFormatted2. As a result the value of the second component gets changes to outputFormatted1 from outputFormatted2 as shown below:


                  


Thanks & Regards,
Susanto Paul