Jsf 2 JSF2UI:重复交替行颜色
如果我显示列表中映射到ui:repeat的所有记录,则使用ui:repeat的varStatus有助于识别奇偶行 但是,如果选择仅显示映射到ui:repeat的arraylist中的特定记录,该如何处理这种情况?i、 例如,假设我显示了一个只有75%以上成绩的学生的表格,但映射到ui:repeat的列表包含了整个学生列表。在这种情况下,交替行着色不起作用,因为有时连续行具有相同的行颜色。有没有有效的解决办法Jsf 2 JSF2UI:重复交替行颜色,jsf-2,uirepeat,Jsf 2,Uirepeat,如果我显示列表中映射到ui:repeat的所有记录,则使用ui:repeat的varStatus有助于识别奇偶行 但是,如果选择仅显示映射到ui:repeat的arraylist中的特定记录,该如何处理这种情况?i、 例如,假设我显示了一个只有75%以上成绩的学生的表格,但映射到ui:repeat的列表包含了整个学生列表。在这种情况下,交替行着色不起作用,因为有时连续行具有相同的行颜色。有没有有效的解决办法 h:dataTable在ui:repeat中是否有类似于RowClass的功能?您可以使
h:dataTable在ui:repeat中是否有类似于RowClass的功能?您可以使用css条件:
<style type="text/css">
.test1{
display:none;
}
.test2{
display:block;
}
</style>
<ui:repeat value="#{tabview.students}" var="dt">
<div class="#{(dt.scored gt 75) ?'test1':'test2'}">#{dt.model}</div>
</ui:repeat>
.test1{
显示:无;
}
.test2{
显示:块;
}
#{dt.model}
您可以使用css条件执行此操作:
<style type="text/css">
.test1{
display:none;
}
.test2{
display:block;
}
</style>
<ui:repeat value="#{tabview.students}" var="dt">
<div class="#{(dt.scored gt 75) ?'test1':'test2'}">#{dt.model}</div>
</ui:repeat>
.test1{
显示:无;
}
.test2{
显示:块;
}
#{dt.model}
对于奇数/偶数,您可以使用varStatus
<ui:repeat var="item" value="#{myBean.myList}" varStatus="status">
<div class="some-class ${status.even ? 'row-even' : 'row-odd'}"> ... </div>
</ui:repeat>
对于奇数/偶数,可以使用varStatus
<ui:repeat var="item" value="#{myBean.myList}" varStatus="status">
<div class="some-class ${status.even ? 'row-even' : 'row-odd'}"> ... </div>
</ui:repeat>
更容易使用的是第n个子选择器。无需添加类即使更容易使用的是第n个子选择器。不需要添加类