本文概述
- 样式类和皮肤参数
- 例子
它是< rich:notifyStack> , 它定义了消息出现的位置。它还提供了从屏幕上删除消息的方法。
样式类和皮肤参数 下表包含notifyStack的样式类和相应的外观参数。
Class | Function | Skin Parameters | 映射的CSS属性 |
---|---|---|---|
.rf-ntf-pos-tl | 它用于定义通知左上角堆栈的放置位置。 | 没有皮肤参数。 | |
.rf-ntf-pos-tr | 它用于定义将在右上角的通知堆栈放置的位置。 | 没有皮肤参数。 | |
.rf-ntf-pos-bl | 它用于定义通知的左下角堆栈的放置位置。 | 没有皮肤参数。 | |
.rf-ntf-pos-br | 它用于定义将在右下角的通知堆栈放置的位置。 | 没有皮肤参数。 |
JSF文件
// rich-notify-stack.xhtml
<
ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<
f:view>
<
h:head>
<
title>
Rich Notify Stack <
/title>
<
/h:head>
<
h:body>
<
h:form>
<
h:outputText value="http://www.srcmini.com/User Name" />
<
h:inputText label="user name"
id="user-name"
required="true"
value="http://www.srcmini.com/#{user.name}">
<
f:validateLength minimum="5" maximum="20" />
<
/h:inputText>
<
br/>
<
br/>
<
h:commandButton value="http://www.srcmini.com/submit"/>
<
rich:notifyStack position="topRight">
<
rich:notifyMessage for="user-name"/>
<
/rich:notifyStack>
<
/h:form>
<
/h:body>
<
/f:view>
<
/ui:composition>
托管豆
// User.java
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class User {
String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
输出
文章图片
推荐阅读
- RichFaces rich(notifyMessage用法示例)
- RichFaces rich(fileUpload组件用法)
- RichFaces rich(messages示例)
- RichFaces rich(message用法示例)
- RichFaces rich(inputNumberSpinner)
- RichFaces rich(list用法示例)
- RichFaces rich(inputNumberSlider)
- RichFaces rich:inplaceSelect组件用法
- RichFaces rich(collapsibleSubTable用法示例)