javascript - 使用 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不支持类属性。请改用styleClass。

由于您通过单击按钮进行 AJAX 调用，因此您有两种选择：

1. 将新的 CSS styleClass 作为响应传递。前任：

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

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

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