Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax 单击按钮后隐藏标签_Ajax_Jsf_Richfaces_Mojarra - Fatal编程技术网

Ajax 单击按钮后隐藏标签

Ajax 单击按钮后隐藏标签,ajax,jsf,richfaces,mojarra,Ajax,Jsf,Richfaces,Mojarra,我的网页中有以下代码。在操作中的方法执行后,将呈现一个标签,指示该过程是否成功 我想要的是在点击按钮后立即隐藏标签。我怎样才能做到这一点 我正在考虑使用actionListener,但我不知道它是否像: 调用actionListener的方法 重新渲染myView(清除我的标签) 调用操作的方法 重新呈现myView(显示进程是否成功的标签) 或者可能是onclick=“getElementById().hide”中的某些内容 有什么想法吗 干杯 ... ... <a4j

我的网页中有以下代码。在
操作
中的方法执行后,将呈现一个标签,指示该过程是否成功

我想要的是在点击按钮后立即隐藏标签。我怎样才能做到这一点

我正在考虑使用
actionListener
,但我不知道它是否像:

  • 调用actionListener的方法
  • 重新渲染myView(清除我的标签)
  • 调用操作的方法
  • 重新呈现myView(显示进程是否成功的标签)
  • 或者可能是
    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?