JSF <h:dataTable> 标签

2024 年 8 月 29 日 | 阅读 3 分钟

它用于创建数据表。一个可以动态更新的表格。

标签属性

属性	描述
id	它是用于分配组件 id 的强制性标签，用于撰写该消息。
class	它表示该组件的 CSS 类。
lang	它用于设置此组件的语言。
bgcolor	它用于设置此表格的背景颜色。
binding	这是一个 ValueExpression，将此组件链接到后端 bean 中的属性。
bodyrows	这是应该开始一个新的 "tbody" 元素的行索引的逗号分隔列表。
border	它用于设置要绘制在此表格周围的边框宽度。
captionClass	它用于空格分隔的 CSS 样式类列表，这些样式类将应用于为此表生成的任何标题。
captionStyle	它用于设置此组件标题的 CSS 样式。渲染组件时将应用此样式。
cellpadding	它用于定义用户应该在每个单元格的边框与其内容之间留出多少空间。
cellspacing	它用于定义用户应该在表格的左侧与最左侧的列之间、表格的顶部与最顶行的顶部之间留出多少空间，等等。它还指定了要在单元格之间留出的空间量。
columnClasses	它用于设置将应用于此表列的 CSS 样式类的逗号分隔列表。
dir	它用于文本，该文本不继承方向性。有效值为 "LTR"（从左到右）和 "RTL"（从右到左）。
first	这是要显示的第一个行的零相对行号。如果将此属性设置为零，则渲染将从基础数据的第一行开始。
footerClass	它包含空格分隔的 CSS 样式类列表，这些样式类将应用于为此表生成的任何页脚。
frame	它用于设置框架。指定环绕此表的框架的哪些侧面可见的代码。有效值为：none（无侧面，默认值）；above（仅顶部）；below（仅底部）；hsides（仅顶部和底部）；vsides（仅右侧和左侧）；lhs（仅左侧）；rhs（仅右侧）；box（所有四侧）；以及 border（所有四侧）。
headerClass	它用于设置标题类。空格分隔的 CSS 样式类列表，将应用于为此表生成的任何标题。
rowClasses	它用于设置行的 CSS 类。将应用于此表行的 CSS 样式类的逗号分隔列表。
rows	它用于设置要显示的行数。从由 "first" 属性标识的那个开始。如果将此值设置为零，则将显示基础数据模型中的所有可用行。
summary	它用于获取此表的目的和结构的摘要，以供用户渲染到非视觉媒体，例如语音和盲文。
title	它用于设置有关为此组件生成的标记元素的建议标题信息。

JSF <h:dataTable> 标签示例

// index.xhtml

<h:body>
<h2><h:outputText value="Product List"></h:outputText></h2>
<h:dataTable value="#{product.productList}" var="p">
<h:column>
<f:facet name="header">ID</f:facet>
<h:outputText value="#{p.id}"/>
</h:column>
<h:column>
		<f:facet name="header">Name</f:facet>
		<h:outputText value="#{p.name}"/>
</h:column>
<h:column>
		<f:facet name="header">Price</f:facet>
<h:outputText value="#{p.price}"/>
</h:column>
	</h:dataTable>
</h:body>

// Product.Java

public class Product {
private final int id;  
private final String name;  
private final float price;  
public Product(int id, String name, float price) {  
this.id = id;  
this.name = name;  
this.price = price;  
}
public int getId() {
return id;
}
public String getName() {
return name;
}
public float getPrice() {
return price;
}
}  

// DataTable.java

import java.util.List;
import java.util.ArrayList;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean(name = "product")
@RequestScoped
public class DataTable {  
public List<Product> productsList;
public List<Product> getProductList() {  
productsList = new ArrayList<>();  
productsList.add(new Product(1,"HP Laptop",25000f));  
productsList.add(new Product(2,"Dell Laptop",30000f));  
productsList.add(new Product(3,"Lenevo Laptop",28000f));  
productsList.add(new Product(4,"Sony Laptop",28000f));  
productsList.add(new Product(5,"Apple Laptop",90000f));  
return productsList;
}  
}

输出

下一主题JSF 验证

JSF <h:dataTable> 标签

标签属性

JSF <h:dataTable> 标签示例

联系信息

关注我们

教程

面试题

在线编译器

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

JSF 教程

JSF UI 组件

JSF 验证

JSF Bean 验证

JSF 转换器

JSF 引用 Bean

Facelets

JSF JDBC

JSF CRUD

JSF 面试

JSF <h:dataTable> 标签

标签属性

JSF <h:dataTable> 标签示例

相关帖子

JSF UI 示例

JSF h:message

JSF h:inputFile

JSF h:inputSecret

JSF h:inputHidden

JSF h:messages

JSF h:commandLink

JSF h:inputText

JSF UI 组件

JSF h:outputText

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器