Javascript 如何更改p:blockUI的淡出和淡入时间
我在Mojarra 2.1.7-jbossorg-1上使用PrimeFaces 5.1和OmniFaces 1.7版 我想要的是一个p:ajaxStatus,在一些ajax请求运行时带有loader.gif和灰色内容 以下是我在my template.xhtml页面中针对ajaxStatus和blockUI的代码:Javascript 如何更改p:blockUI的淡出和淡入时间,javascript,jquery,jsf,primefaces,Javascript,Jquery,Jsf,Primefaces,我在Mojarra 2.1.7-jbossorg-1上使用PrimeFaces 5.1和OmniFaces 1.7版 我想要的是一个p:ajaxStatus,在一些ajax请求运行时带有loader.gif和灰色内容 以下是我在my template.xhtml页面中针对ajaxStatus和blockUI的代码: <p:ajaxStatus style="width:55px;height:55px;position:absolute; top: 0%; left: 50%; m
<p:ajaxStatus
style="width:55px;height:55px;position:absolute; top: 0%; left: 50%; margin-left: -27px; margin-top: 25px; z-index: 100;"
id="loadingRefresh" onstart="PF('bui').show();" oncomplete="PF('bui').hide();" onerror="PF('bui').hide();"
onsuccess="PF('bui').hide()">
<f:facet name="start">
<h:graphicImage id="loading" library="images" name="ajax-loader.gif" />
</f:facet>
<f:facet name="complete">
<h:outputText value="" />
</f:facet>
<f:facet name="error">
<h:outputText value="" />
</f:facet>
<f:facet name="suceess">
<h:outputText value="" />
</f:facet>
</p:ajaxStatus>
<p:blockUI block="-content" widgetVar="bui" />
这是我的测试页面test.xhtml上的代码
<ui:define name="content">
<h:form id="testForm">
<p:commandLink value="testLinkToOpenDialogBox" update="test"
actionListener="#{myBean.doSomething()}" oncomplete="PF('testDialog').show()">
<f:param name="aggregationDataId" value="5" />
</p:commandLink>
<p:dialog widgetVar="testDialog" header="test" >
<p:commandButton id="test" action="#{myBean.doSomething()}"></p:commandButton>
</p:dialog>
</h:form>
</ui:define>
如果我单击testLink打开对话框,当我单击对话框中的test按钮时,loader.gif会显示很短的时间,testLink会灰显大约500毫秒
现在的问题是,当我以非常快的速度单击test按钮大约20次(并立即关闭对话框)时,testLink将变灰,并被阻塞大约10秒。很遗憾,p:blockUI的淡入淡出时间太长了!
我怎样才能避免这个问题?是否可以将淡入淡出时间设置为较小的值?我已经尝试过“设置超时($.unbui,0);”但没有效果…在中也问过这个问题我已经尝试过“设置超时($.unbui,0);”但没有效果…在中也问过这个问题