How to display "loading.." popup when page is not ready

[newbie0014]

Hi,

I have to code UI which has alot of DB query to do. Let suppose, there is one command button(CMD_BUTT), which on click, invoke DBQuery. This DB result is again reflected back to web. I want one "LOADING...." popup to display on web when CMD_BUTT is clicked and disappeared when DBQuery is finished. How to acheve this?

Thanks

[pvito]

Hi, Rishi

You may use next code:

<a4j:status

                onstart="#{rich:component('process')}.show();"

                onsuccess="#{rich:component('process')}.hide();"

                onerror="#{rich:component('err')}.show();"/>

        <rich:popupPanel id="process" modal="true" autosized="true">

            <h:graphicImage value="ajaximage.gif"/>

        </rich:popupPanel>

        <rich:popupPanel id="err" modal="true" autosized="true">

            <h:outputText value="Error"/>

        </rich:popupPanel>

Regards, Vitaliy

[vi_mahe_ka1]

use a4j:status

onstart or startText stopText etc..

http://livedemo.exadel.com/richfaces-demo/richfaces/status.jsf?c=status&tab=usage