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

O：列はクラス属性をサポートしていません。 styleClassを代わりに使用してください。

1. が応答として新しいCSS styleClassのを渡します

   あなたはボタンのクリックでAJAX呼び出しを作っているので、次の2つのオプションがあります。例：

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

あなたのデータテーブル/列をレンダリングするときだから、あなたは自動的に適用される更新されたスタイルを取得します。

2. JS/jQueryを使用すると、手動で 'onajaxend'メソッドで更新されたCSSを起動する必要があります。このためには、openfaceによって生成されるHTMLコードを理解する必要があります。セレクタに基づいて、CSSの変更を適用することができます。