使用jQuery / JavaScript在JSF中更改所选行的背景色

Question

我有一个数据表，其中有一个列，其值为commandlink。 当用户单击命令链接时，我想更改该行的背景色。 任何想法？

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

Answer 1

o：column不支持class属性。 请改用styleClass 。

由于单击按钮即可进行AJAX调用，因此有两个选择：

1. 传递新的CSS styleClass作为响应。 例如：

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

因此，在呈现数据表/行时，您会自动应用更新的样式。

2. 使用JS / jQuery，您必须在'onajaxend'方法上手动触发更新的CSS。 为此，您需要了解openfaces生成的HTML代码。 基于选择器，您可以应用CSS更改。