RichFaces <rich:tooltip>

2025 年 3 月 17 日 | 阅读 1 分钟

此组件提供信息工具提示。我们可以将工具提示附加到任何控件，并在鼠标光标悬停在控件上时显示。

我们需要使用 values 属性来设置工具提示文本，并且通常在鼠标光标悬停时显示。

样式类和皮肤参数

下表包含工具提示的样式类和相应的皮肤参数。

Class	函数	皮肤参数	映射的 CSS 属性
.rf-tt	用于定义工具提示本身的样式。	无皮肤参数。
.rf-tt-loading	用于定义工具提示加载时的样式。	无皮肤参数。
.rf-tt-cnt	用于定义工具提示内容的样式。	无皮肤参数。
.rf-tt-cntr	用于定义进度条的已完成部分的样式。	tipBorderColor generalFamilyFont generalSizeFont	border-color font-family font-size

示例

在此示例中，我们实现了 <rich:tooltip> 组件。此示例包含以下文件。

JSF 文件

// tool-tip.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>ToolTip </title>
</h:head>
<h:body>
<h:form>
<h:outputText value="User Name " />
<h:inputText label="user name"
id="user-name"
required="true"
value="#{user.name}">
<f:validateLength minimum="5" maximum="20" />
</h:inputText><br/><br/>
<h:commandButton value="submit"/>
<rich:tooltip value="Please Enter User Name " target="user-name"/>
</h:form>
</h:body>
</f:view>
</ui:composition>

ManagedBean

// 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;
}
}

输出

下一主题#

← prev next →

RichFaces <rich:tooltip>

样式类和皮肤参数

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

RichFaces 教程

Ajax 组件

皮肤和主题

UI 组件

面试题

RichFaces <rich:tooltip>

样式类和皮肤参数

示例

JSF 文件

ManagedBean

相关帖子

rich:messages

rich:notifyMessage

rich:panelMenu

rich:dataGrid

rich:list

rich:notifyStack

rich:popupPanel

rich:inplaceInput

rich:autocomplete

rich:message

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器