删除<a4j:jsfunction> </a4j:jsfunction>中的CSS样式

时间:2014-04-28 18:47:57

标签: css jsf richfaces

我有一个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 个答案:

答案 0 :(得分:0)

我将从最后开始。

RichFaces使用jQuery,因此您可以使用其CSS manipulation methods。在你的情况下:

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

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

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

假设你触发&#34; clearSelection&#34;在@onclick中你可以在那里放另一个函数

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

或者你可以链接那些

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