Question

版本：

Apache MyFaces 2.0 Rich Faces 4.3

问题：

我们正在从JSF 1.2迁移到JSF 2。

由于没有内置支持对rich：dataTable进行排序，因此我们根据富面showcase使用自定义排序解决方案。排序工作正常，唯一的问题是因为a4j：commandLink用于排序操作触发器，列标题文本带有＆＃34;下划线＆＃34;样式。有没有办法可以删除a4j:commandLink的下划线？丰富的面孔展示没有显示a4j:commandLink的任何样式？

请帮忙。

Answer 1

您需要在列标题中为styleClass设置h:commandLink属性。

风格

.tableColumnHeader {
    text-decoration: none;
    color: black;
}

的使用方式如下：

<rich:dataTable id="txnTable" rows="#{referenceData.recordsPerPage}"
    style="width: 100%" rowClasses="oddrow, evenrow"
    value="#{bean.transactions}" var="res" sortMode="single">
    <rich:column id="activityDate" sortable="true"
        sortBy="#{res.activityDate}" sortOrder="descending">
            <f:facet name="header">
                <h:commandLink value="#{msg.transDate}" styleClass="tableColumnHeader">
                    <rich:componentControl target="txnTable" operation="sort">
                        <f:param name="column" value="activityDate" />
                        <f:param value="" />
                        <f:param name="reset" value="true" />
                    </rich:componentControl>
                    <h:graphicImage value="/images/sort/sort_asc.gif"
                        style="border: 0px; vertical-align: middle;"
                        rendered="#{bean.transactions.order == 'activityDate ASC'}" />
                    <h:graphicImage value="/images/sort/sort_des.gif"
                        style="border: 0px; vertical-align: middle;"
                        rendered="#{bean.transactions.order == 'activityDate DESC'}" />
                    <h:graphicImage value="/images/sort/sort_uns.gif"
                        style="border: 0px; vertical-align: middle;"
                        rendered="#{bean.transactions.order != 'activityDate ASC'
                            and bean.transactions.order != 'activityDate DESC'}" />
                </h:commandLink>
            </f:facet>
            <h:outputText value="#{res.activityDate}" />
    </rich:column>

删除a4j的下划线样式：commandLink

1 个答案: