Ajax 单击按钮后隐藏标签
我的网页中有以下代码。在Ajax 单击按钮后隐藏标签,ajax,jsf,richfaces,mojarra,Ajax,Jsf,Richfaces,Mojarra,我的网页中有以下代码。在操作中的方法执行后,将呈现一个标签,指示该过程是否成功 我想要的是在点击按钮后立即隐藏标签。我怎样才能做到这一点 我正在考虑使用actionListener,但我不知道它是否像: 调用actionListener的方法 重新渲染myView(清除我的标签) 调用操作的方法 重新呈现myView(显示进程是否成功的标签) 或者可能是onclick=“getElementById().hide”中的某些内容 有什么想法吗 干杯 ... ... <a4j
操作
中的方法执行后,将呈现一个标签,指示该过程是否成功
我想要的是在点击按钮后立即隐藏标签。我怎样才能做到这一点
我正在考虑使用actionListener
,但我不知道它是否像:
onclick=“getElementById().hide”
中的某些内容
有什么想法吗
干杯
...
...
<a4j:commandButton id="btnActualizaCubo"
value="Actualizar Cubo"
render="messageDependenciaCubo actualizacionCuboLabels @this"
onclick="return confirm('Las fechas seleccionadas son correctas?');"
onbegin="this.disabled=true;
document.getElementById('formActualizacionCubo:imgProcesandoCubo').style.display='block'"
oncomplete="this.disabled=false;
document.getElementById('formActualizacionCubo:imgProcesandoCubo').style.display='none'"
action="#{administrationBean.doActualizaCubo}"/>
...
<a4j:outputPanel id="actualizacionCuboLabels" style="font-size: 14px; color: #D17100">
<h:outputText rendered="#{administrationBean.actualizacionCuboCorrectaLabelRendered}"
value="Actualización correcta !"/>
<h:outputText rendered="#{administrationBean.actualizacionCuboFalloLabelRendered}"
value="Fallo la actualización !"/>
</a4j:outputPanel>
...
。。。
...
...
...
使用“onclick”方法使用JavaScript隐藏文本。一种简单的方法是用div包装标签,并分别在onclick/oncomplete方法中隐藏/显示div。另外,请记住,生成一个div来完成这项工作,因此您只需获取HTML生成的id并隐藏/显示它。我将让您使用JS函数来隐藏/显示div(我必须说,这非常简单):
ocultaDiv功能(divId){
document.getElementById(divId).style.display='none';
}
函数muestraDiv(divId){
document.getElementById(divId).style.display='block';
}
当您可以使用纯JavaScript和保存性能时,请记住不要使用服务器调用呈现项目。另外,如果您使用RF 3.3或RF 4添加有关您正在使用的图像的提示,请添加“正在加载,请稍候”,这可以通过一个甚至可以冻结整个页面(无需禁用按钮和链接!)。谢谢Luiggi,我将尝试您对标签的建议。有一个线程,我在这里询问了关于@BRabbit27的图像,您使用的是JSF1.2还是JSF2?