<
a4j:log>
组件生成JavaScript, 该JavaScript打开一个调试窗口, 记录请求, 响应和DOM更改等应用程序信息。
它不需要任何其他用于基本功能的属性。
下表包含<
a4j:log>
的样式类和相应的外观参数。
Class | Function | 皮肤参数 | 映射的CSS属性 |
---|---|---|---|
.rf日志 | 它用于定义日志的样式。 | generalTextColor | color |
.rf-log-popup | 当它显示为弹出窗口时, 用于定义日志的样式。 | 没有皮肤参数。 | |
.rf-log-popup-cnt | 它用于为日志弹出窗口的内容定义样式。 | 没有皮肤参数。 | |
.rf-log-inline | 当它以串联形式出现时, 用于定义日志的样式。 | 没有皮肤参数。 | |
.rf-log-contents | 它用于定义日志内容的样式。 | 没有皮肤参数。 | |
.rf-log-entry-lbl | 它用于定义日志中标签的样式。 | 没有皮肤参数。 | |
.rf-log-entry-lbl-debug | 它用于为日志中的调试标签定义样式。 | 没有皮肤参数。 | |
.rf-log-entry-lbl-info | 它用于定义日志中信息标签的样式。 | 没有皮肤参数。 | |
.rf-log-entry-lbl-warn | 它用于为日志中的警告标签定义样式。 | 没有皮肤参数。 | |
.rf-log-entry-lbl-error | 它用于为日志中的错误标签定义样式。 | 没有皮肤参数。 | |
.rf-log-entry-msg | 它用于定义日志中消息的样式。 | 没有皮肤参数。 | |
.rf-log-entry-msg-debug | 它用于为日志中的调试消息定义样式。 | 没有皮肤参数。 | |
.rf-log-entry-msg-warn | 它用于定义日志中警告消息的样式。 | 没有皮肤参数。 | |
.rf-log-entry-msg-error | 它用于定义日志中错误消息的样式。 | 没有皮肤参数。 | |
.rf-log-entry-msg-xml | 它用于为日志中的XML消息定义样式。 | 没有皮肤参数。 |
在下面的示例中, 我们正在实现< a4j:log> 组件。本示例包含以下文件。
JSF文件
// ajax-log.xhtml
<
html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:a4j="http://richfaces.org/a4j">
<
h:head>
<
title>
Ajax Log<
/title>
<
/h:head>
<
h:body>
<
h:form>
<
h:outputText value="http://www.srcmini.com/Enter Text">
<
/h:outputText>
<
h:inputText value="http://www.srcmini.com/#{user.name}">
<
a4j:ajax event="keyup" render="user-name">
<
/a4j:ajax>
<
/h:inputText>
<
h:outputText id="user-name" value="http://www.srcmini.com/#{user.name}">
<
/h:outputText>
<
a4j:log>
<
/a4j:log>
<
/h:form>
<
/h:body>
<
/html>
托管豆
// User.java
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean@RequestScopedpublic class User {String name;
public String getName() {return name;
}public void setName(String name) {this.name = name;
}}
输出
文章图片
【RichFaces a4j:log组件用法示例】当我们在文本框中输入文本时, 它将显示日志信息。
文章图片
推荐阅读
- RichFaces a4j(outputPanel组件示例)
- RichFaces发送Ajax请求详细图解
- RichFaces a4j(commandLink组件示例)
- RichFaces a4j(commandButton组件示例)
- RichFaces a4j(ajax组件示例)
- RichFaces教程介绍
- RichFaces局部视图更新示例
- RichFaces配置详细步骤图解
- RichFaces部分树处理实例