使用ADF Faces 之四:实现拖放功能

本文介绍如何在ADF Faces中实现拖放功能,包括为图片组件添加额外属性、配置组件作为拖动源与目标,以及使用DropListener处理拖放事件的具体步骤。
开发环境:JDevloper 11.1.2.1.0+ Oracle Database 10g Express Edition 10.2.0.1。

完成《 Implementing Drag and Drop 》。

实验内容简介:把一个图片拖放到一个输入框上,提取图片的某个属性值,显示在输入框中。
重点步骤说明:

1. 为image组件增加额外属性
拖放Operation组件:Client Attribute到image组件上,并设置属性name=cup和value=Coffee。
可以通过这种方式为组件增加额外的属性,用于拖放时获取这些属性。

2. 让image组件可以被拖动,即拖动源。
拖放Operation组件:Attribute Drag Source到image组件上,并设置提取的属性值。
可以通过这种方式让组件可以被拖动,并且设置拖动时提取的属性值。


3. 让inputText组件可以接受拖放,即拖放目的
拖放Operation组件:Attribute Drop Target到inputText组件上,并设置拖放时要改变的属性值。
可以通过这种方式让组件可以接受拖放,并设置拖放时要改变的属性值。
这里选择value属性,即改变inputText组件的value值。


4. 运行效果如下:
(1)拖放图片到输入框上,发现是可以接受拖放的。

(2)拖放图片到其它地方,发现是无法接受拖放的。

(3)拖放后的效果:获取拖放源的属性值,并改变了拖放目的属性值。


5. 使用DropListener
(1)定义一个Managed Bean:MyPageInfo.java

(2)MyPageInfo.java
package project1;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

import java.util.ArrayList;
import java.util.List;
import javax.faces.model.SelectItem;
import oracle.adf.view.rich.datatransfer.DataFlavor;
import oracle.adf.view.rich.dnd.DnDAction;
import oracle.adf.view.rich.event.DropEvent; 

@ManagedBean(name="dnd")
@SessionScoped
public class MyPageInfo implements Serializable {
   public MyPageInfo() {
   }

   /**
   * @return the beverage items
   */
   private List _choices;

   public List getChoices() {
     if (_choices == null) {
         _choices = new ArrayList();
         _choices.add(new SelectItem("Cocoa", "Cocoa"));
         _choices.add(new SelectItem("Tea", "Tea"));
         _choices.add(new SelectItem("Wine", "Wine"));
     }
     return _choices;
   } 

   /**
   * Drop event handler
   */
   public DnDAction handleItemDrop(DropEvent dropEvent) {
     try {
         DataFlavor df = DataFlavor.getDataFlavor(String.class);
         String droppedValue = dropEvent.getTransferable().getData(df);
         if (droppedValue == null) {
            return DnDAction.NONE;
         } else {
            _choices.add(new SelectItem(droppedValue, droppedValue));
         }
         return DnDAction.COPY;
     } catch (Exception ex) {
         System.out.println("item drop failed with : " + ex.getMessage());
         return DnDAction.NONE;
     }
   }
}

(3)增加一个ListBox组件到页面,并将列表的值绑定到Managed Bean的方法。


(4)让ListBox组件接受拖放
拖放Operation组件:Drop Target到ListBox组件上,并设置DropListener到Managed Bean中的方法。
可以通过这种方式让组件可以接受拖放,并设置拖放时要触发的DropListener事件。
注意,与Attribute Drop Target改变组件属性值不同,Drop Target会触发DropListener事件。


(5)运行效果
拖放图片到ListBox上,发现增加了一个item:Coffee。


Project 下载:DndApp.7z

http://maping930883.blogspot.com/2012/03/adf024adf-faces.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值