css - 删除a4j的下划线样式:commandLink

版本号：

Apache MyFaces 2.0
富面孔4.3

问题 ：

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

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

请帮忙。

最佳答案

您需要在列标题中为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>

关于css - 删除a4j的下划线样式:commandLink，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23333792/