【深入浅出ADF】<af:richTextEditor>富文本编辑组件

1. 主要内容：

   1. 效果预览

   1.1.3.1. 方法1：从组件面板拖拽生成

   1.1.3.2. 方法2：基于clob型字段生成

   1.1.3.2.2. 生成组件

   1.1.3.3. 方法3：基于varchar2型字段生成

   
   

   1.功能简介

<af:richTextEditor>提供带格式的文本输入功能。它可以改变文字的字体、大小，创建列表等。也可用于编辑HTML源码。

1. 效果预览

标准模式	SourceEditing模式

 

1. 使用方法

   1. 方法1：从组件面板拖拽生成

将richTextEditor从组件面板中选出，拖拽到界面上

同时拖拽一个按钮Button到界面上，双击Button与manageBean的button_action方法进行绑定。

将richTextEditor与manageBean的richTxt属性属性绑定。

InputType.java代码：

import oracle.adf.view.rich.component.rich.input.RichTextEditor;   public class InputType {   private RichTextEditor richTxt;   public String button_action() { System.out.println(richTxt.getValue()); return null; }   public void setRichTxt(RichTextEditor richTxt) { this.richTxt = richTxt; }   public RichTextEditor getRichTxt() { return richTxt; } }

编辑页面如图

运行

输入"Hello"单击Button，后台打印语句如下

 

1. 方法2：基于clob型字段生成

   1. 前置条件：新建Clob类型字段

OK

 

1. 生成组件

新建用于传递值的属性

 

生成该VO的实现类：Impl

OK

进入RowImpl

修改代码如下

public String getRemark2() {

if (this.getRemark() != null) {

return this.getRemark().toString();

}

return (String)getAttributeInternal(REMARK2);

}

 

public void setRemark2(String value) {

this.setRemark(new ClobDomain(value));

setAttributeInternal(REMARK2, value);

}

保存，刷新DataControl

打开页面，生成Form

OK—OK，回到页面，点击source，删除该行

删除界面上的Remark字段

运行页面，随便粘贴一片文章

Submit—Commit

查看数据库保存情况

 

1. 方法3：基于varchar2型字段生成

如图所示，将界面上的任意String(varchar2)类型的字段转换为richTextEditor的方法为：

OK—OK—Source

删除<f:validator…..>

返回design

运行页面即可

1. 规范要求

方法1：当只需要与manageBean交互，而不需要将数据保存到数据库时使用

方法2：当需要保存大量数据到clob类型的字段时使用

方法3：当只需保存少量数据到varchar2类型的字段时使用

 

Author：牟宏迪 muhongdi@gmail.com

Create date ： 2013年10月10日