RichFaces <rich:list>

17 Mar 2025 | 阅读 2 分钟

此组件用于呈现项目列表。我们可以创建数字排序列表、无序列表、项目符号列表等。它使用数据模型来管理列表项，可以动态更新。

样式类和皮肤参数

下表包含列表的样式类和相应的皮肤参数。

Class	函数	皮肤参数	映射的 CSS 属性
.rf-ulst-itm	用于定义无序列表中的项目的样式。	generalTextColor generalFamilyFont	颜色字体系列
.rf-olst-itm	用于定义无序列表中的项目的样式。	generalTextColor generalFamilyFont	颜色字体系列
.rf-dlst-trm	用于定义定义列表中的项目的术语样式。	generalTextColor generalFamilyFont	颜色字体系列
.rf-dlst-dfn	用于定义定义列表中的项目的定义样式。	generalTextColor generalFamilyFont generalSizeFont	color font-family font-size

示例

在这里，在下面的示例中，我们正在实现 <rich:list> 组件。此示例包含以下文件。

JSF 文件

// rich-list.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">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<f:view>
<h:head>
<title>Rich List </title>
</h:head>
<h:body>
<h:form>
<h:form>
<rich:list var="student" value="#{studentRecord.records}" type="definitions" rows="5" title="Cars">
<f:facet name="term">
<h:outputText value="#{student.id}" styleClass="label"></h:outputText>
</f:facet>
<h:outputText value="Name:" styleClass="label"></h:outputText>
<h:outputText value="#{student.name}" /><br/>
<h:outputText value="Email:" styleClass="label"></h:outputText>
<h:outputText value="#{student.email}" /><br/>
<h:outputText value="Contact:" styleClass="label"></h:outputText>
<h:outputText value="#{student.contactNumber}" /><br/>
</rich:list>
</h:form>
</h:form>
</h:body>
</f:view>
</ui:composition>

托管 Bean

// StudentRecord.java

import java.util.ArrayList;
import java.util.List;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class StudentRecord {
String id;
String name;
String email;
String contactNumber;
List<StudentRecord> records;
public StudentRecord(){}
public StudentRecord(String id, String name, String email, String contactNumber) {
this.id = id;
this.name = name;
this.email = email;
this.contactNumber = contactNumber;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public String getContactNumber() {
return contactNumber;
}
public void setContactNumber(String contactNumber) {
this.contactNumber = contactNumber;
}
public List<StudentRecord> getRecords() {
records = new ArrayList<>();
records.add(new StudentRecord("101", "Raju", "raju@abc.com", "52534252"));
records.add(new StudentRecord("102", "Rama", "rama@abc.com", "52235252"));
records.add(new StudentRecord("103", "John", "john@abc.com", "52456252"));
records.add(new StudentRecord("104", "Peter", "peter@abc.com", "55625252"));
return records;
}
public void setRecords(List<StudentRecord> records) {
this.records = records;
}
public int getNumberOfRecords(){
return this.records.size();
} 
}

输出

下一主题RichFaces <rich:datascroller>

RichFaces <rich:list>

样式类和皮肤参数

示例

JSF 文件

托管 Bean

联系信息

关注我们

教程

面试题

在线编译器

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:list>

样式类和皮肤参数

示例

JSF 文件

托管 Bean

相关帖子

rich:panelMenu

rich:inplaceSelect

rich:pickList

rich:dataGrid

rich:inplaceInput

rich:progressBar

rich:message

rich:fileUpload

rich:dropDownMenu

rich:dataTable

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器