srcmini本文概述
PrimeFaces提供了<p：editor>组件, 该组件用于在JSF应用程序中创建编辑器。我们可以使用此编辑器来获取大量用户输入。该编辑器提供了可用于格式化输入内容的编辑和格式化工具。我们也可以使用它来发送格式化的电子邮件。它包含下表中列出的丰富属性。
编辑器属性
| Attribute | Default value | Return type | Description |
|---|---|---|---|
| id | null | String | 它是组件的唯一标识符。 |
| rendered | true | Boolean | 它用于指定组件的呈现。 |
| value | null | Object | 用于设置组件的值。 |
| required | null | Boolean | 用于根据需要标记组件。 |
| validator | null | Method Expr | 它是一个方法表达式, 它表示对输入进行验证的方法。 |
| height | null | Integer | 用于设置编辑器的高度。 |
| width | null | Integer | 用于设置编辑器的宽度。 |
| disabled | false | Boolean | 用于禁用编辑器。 |
| style | null | String | 它用于设置编辑器容器的内联CSS。 |
| onchange | null | String | 当编辑器数据更改时, 用于执行脚本。 |
| maxlength | null | Integer | 它用于设置原始输入的最大长度。 |
Ajax行为事件
SelectCeckboxMenu除了常见的dom事件(如change, selectCheckboxMenu)外, 还提供Ajax事件。
| Style Class | Applies |
|---|---|
| .ui编辑器 | 用于主容器。 |
| .ui编辑器工具栏 | 适用于编辑器的工具栏。 |
| .ui编辑器组 | 它适用于按钮组。 |
| .ui-editor-button | 用于每个按钮。 |
| .ui-editor-divider | 用于分隔线以分隔按钮。 |
| .ui-editor-disabled | 它用于禁用编辑器控件。 |
| .ui编辑器列表 | 它适用于下拉列表。 |
| .ui-editor-color | 它适用于颜色选择器。 |
例子
在下面的示例中, 我们正在实现<p：editor>组件。本示例包含以下文件。
JSF文件
// editor.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Editor</title>
</h:head>
<h:body>
<h2></h2>
<h:form>
<p:editor id="editor" widgetVar="editorWidget" value="#{editor.text}" width="600" /><br/>
<p:commandButton value="Submit" icon="ui-icon-disk" />
<p:commandButton value="Clear" type="button" onclick="PF('editorWidget').clear();" icon="ui-icon-close" />
</h:form>
</h:body>
</html>ManagedBean
// Editor.java
package com.srcmini;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Editor {
private String text;
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
}输出
评论前必须登录！
注册