使用jQuery/JavaScript在JSF中更改選定行的背景色

Question

我有一個具有值爲commandlink的列的數據表。當用戶點擊命令鏈接時，我想更改該行的背景顏色。任何想法？

<o:column id="name" width="8%" 
 
\t \t \t \t class="result_col" sortingComparator="caseInsensitiveText"> 
 
\t \t \t \t <f:facet name="header"> 
 
\t \t \t \t \t <h:outputText value="#{message.label_name}" /> 
 
\t \t \t \t </f:facet> 
 
\t \t \t \t <o:commandLink 
 
\t \t \t \t \t action="#{page.getName(name)}" 
 
\t \t \t \t \t onajaxend="openHistoryName();"> 
 
\t \t \t \t \t <h:outputText style="color:#A3A7DC;" value="Click here" /> 
 
\t \t \t \t </o:commandLink> 
 
</o:column>

Answer 1

○：列不支持類屬性。 改爲使用styleClass。

既然你正在對一個點擊按鈕的AJAX調用，你有兩個選擇：

1. 通過新的CSS的styleClass作爲響應。例如：

   <o:column styleClass='#{someManagedBean.className}'.../> 
   

所以，當你渲染你的數據表/行，你會得到自動應用更新的風格。

1. 使用JS/jQuery，您必須在'onajaxend'方法上手動觸發更新的CSS。爲此，您需要了解由openfaces生成的HTML代碼。基於選擇器，您可以應用CSS更改。