删除下划线样式A4J：commandLink

Question

版本：

的Apache MyFaces的2.0 丰富的面孔4.3

问题：

我们迁移从JSF 1.2到JSF 2.

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

请帮忙。

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