刪除下劃線樣式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>