原文:http://docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_41/jdtut_11r2_41.html
1.新建一页面命名为:MyPage.jsf
2.选择 Quick Start Layout,单击Browse,在左边的框里面选择Two Column category,右边上面的选择第三个,下面的选择第三个。这样就自动生成了一个简单页面,效果如下
![](https://img-my.csdn.net/uploads/201209/29/1348889476_3790.jpg)
3.在左边的方框里,添加组件:Panel Box,更改其text为:Drag this.
4.在刚添加的panel Box组件里面添加 一个Image,并设定其原文件为:jdeveloper.png。
5.在Image组件中添加一个Client Attribute,并设置其name 为cup, value为coffee.
6 在 image组件中添加一个Attribute Drag Source,并设置其Attribute值为cup.
至此为止,用于拖拽的图标其及包含的意义已经设置好了,下面设置接收拖拽图标的控件。
7.在右边的方框里,添加Panel Box,text设为Drop here.
8.在刚添加的Panel Box里面,添加
Panel Group Layout,并将其Layout设置为scroll.
9.在group layout控件里面添加Input Text,Label设为Cup.
10.在text控件里面,添加Attribute Drop Target,设置其Attribute为value.
到此为止,用于拖拽功能的控件都已添加,并设置好,运行结果如下: