删除 <a4j：jsFunction 中的 CSS 样式>

Question

我有一个弹出面板，它必须在单击图形图像（具有关闭按钮图像）时清除表单数据并重置CSS样式。

我正在通过以下操作清除表单中的数据：

<a4j:jsFunction name="clearSelection" action="#{userProfileBean.clear()}"/>

我想知道两件事：1）在同一个函数中执行两个事件-清除表单数据和清除CSS样式

2） 如何删除元素的CSS属性？目前，有一个彩色边界

-webkit-box-shadow: 0 0 5px rgba(231, 41, 61, 1); 

为表单输入元素设置。我需要去掉这个样式。

谢谢，JSF新手

Answer 1

我将从头开始。

RichFaces使用jQuery，因此您可以使用它的CSS操作方法。在您的情况下：

$('#inputId').css('-webkit-box-shadow', '');

请注意，如果输入id看起来像j_idt100:j_idt103，则需要转义冒号-j_idt100\:j_idt103，但如果要处理多个元素，则更容易为它们提供相同的类。

对于具有一个函数的两件事，在这种情况下不能这样做。但是，没有什么可以阻止您执行两个函数。

假设你在@onclick中触发"clearSelection"，你可以在中放入另一个函数

onclick="clearSelection(); clearCSS();"

或者，你可以将链接起来

<a4j:jsFunction name="clearSelection" oncomplete="clearCSS()" …/>