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

Question

我有一个数据表，其中一列的值为commandlink。当用户单击commandlink时，我想更改该行的背景颜色。有什么想法吗？

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

o：列不支持类属性。 请改用 styleClass 。

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

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

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

因此，当您渲染数据表/行时，您将自动应用更新的样式。

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