gpt4 book ai didi

html - 具有行跨度的 Primefaces 数据表

转载 作者:技术小花猫 更新时间:2023-10-29 12:27:41 24 4
gpt4 key购买 nike

我对 JSF primefaces 3.1 很陌生。我尝试构建一个“复杂”的表,但我找不到使用 dataTable 的好的解决方案(我需要一个排序组件)。

我想构建一个等同于以下 HTML 表示的表,使用像这样的基本 POJO:

String field1
String field2
List<String> fields3 // 3 items
String field4

<table border="1">
<tr>
<td rowspan="3">col1</td>
<td rowspan="3">col2</td>
<td>col3.1</td>
<td rowspan="3">col4</td>
</tr>
<tr>
<td>col3.2</td>
</tr>
<tr>
<td>col3.3</td>
</tr>
</table>

可能我提供的信息太少了,所以如果你需要它,请告诉我:)我希望我的问题很清楚。

谢谢

最佳答案

自定义网格的可靠且灵活的解决方案是将 与 Primefaces 一起使用:

<html ... xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:p="http://primefaces.org/ui">
<p:panelGrid>
<p:row>
<p:column styleClass="ui-state-default" colspan="2"><!-- header -->
<h:outputText value="Some Header"/>
</p:column>
...
</p:row>
<p:row><!-- other header row -->
...
</p:row>
<c:forEach items="#{list}" var="element">
<p:row>
<p:column styleClass="ui-state-default" rowspan="#{list.sublist.someSizeExpression}"><!-- left rowspan -->
<h:outputText value="#{element.name}"/>
</p:column>
<c:forEach items="#{element.sublist}" var="subelement">
<p:column>
<h:selectBooleanCheckbox/>
</p:column>
</c:forEach>
</p:row>
</c:forEach>
</p:panelGrid>
</html>

它看起来不错,Command-Buttons 和 AJAX 在 Head 和 Cells 中都有效。

关于html - 具有行跨度的 Primefaces 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13139490/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com