Jsf 2 JSF2UI:重复交替行颜色

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的功能?您可以使

如果我显示列表中映射到ui:repeat的所有记录,则使用ui:repeat的varStatus有助于识别奇偶行

但是,如果选择仅显示映射到ui:repeat的arraylist中的特定记录,该如何处理这种情况?i、 例如,假设我显示了一个只有75%以上成绩的学生的表格,但映射到ui:repeat的列表包含了整个学生列表。在这种情况下,交替行着色不起作用,因为有时连续行具有相同的行颜色。有没有有效的解决办法


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个子选择器。不需要添加类