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

【问题标题】：Remove CSS Style in <a4j:jsFunction>删除 <a4j:jsFunction> 中的 CSS 样式
【发布时间】：2014-04-28 18:47:57
【问题描述】：

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

我正在通过这样做清除表单的数据：

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

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

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

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

为表单输入元素设置。我需要删除这种风格。

谢谢， JSF新手

【问题讨论】：

【解决方案1】：

我会从头开始。

RichFaces 使用 jQuery，因此您可以使用它的CSS manipulation methods。在你的情况下：

$('#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()" …/>

【讨论】：