删除 a4j:commandLink 的下划线样式答案

【问题标题】：Removing underline style for a4j:commandLink删除 a4j:commandLink 的下划线样式
【发布时间】：2014-06-13 13:39:07
【问题描述】：

版本：

Apache MyFaces 2.0 丰富的面孔 4.3

问题：

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

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

请帮忙。

【问题讨论】：

StyleClass 属性不起作用？
是的，Makhiel，它起作用了

标签： css jsf-2 richfaces

【解决方案1】：

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

风格

.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>

【讨论】：

谢谢瓦西尔。只是想知道为什么这里使用了rich:componentControl。我使用了相同的方法，但没有使用 rich:componentControl
对我来说，使用 3 个参数调用排序操作是最简单的方法。