删除a4j的下划线样式:commandLink

Question

版本:

Apache MyFaces 2.0 Rich Faces 4.3

问题 :

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

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

请帮忙.

Answer 1

您需要列标题中的setup 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>