ProgressBar

You are viewing an old version (v. 5) of this page.
The latest version is v. 27, last edited on Dec 11, 2014 (view differences | )
<< View previous version | view page history | view next version >>

Overview

Progress bar is a progress indicator that can work on the client side by itself or gets its progress update from the server using ajax.

Usage

Client side only:

        <script type="text/javascript">
            function begin()
            {
                this.progressInterval = setInterval (
                function()
                {
                    clientSideBar.setValue(clientSideBar.getValue() + 10);
                }
                , 2000);
            }

            function stop()
            {
                clearInterval(this.progressInterval);
                clientSideBar.setValue(0);
            }
        </script>
        ...
        <ace:panel>
            <ace:progressBar widgetVar="clientSideBar" />
        </ace:panel>
        ...
        <h:commandButton onclick="begin();" ... />
        <h:commandButton onclick="stop();" ... />

Client polling server:

                                  <ace:progressBar   id="myProgressBar"
                                                                widgetVar="#{upload.widgetVarName}"
                                                                ajax="true"
                                                                interval="2000"
                                                                value="#{upload.progressValue}"
                                                                completeListener="#{progressBarPolling.completeListener}"
                                                                onCompleteUpdate=":exampleForm">
                                 </ace:progressBar>
                             </ace:column>

                             <ace:column footerText="Action">
                                 <h:commandButton value="upload" type="button" onclick="#{upload.widgetVarName}.start();" rendered="#{not upload.active}"/>
                             </ace:column>

Component Attributes

JavaScript APIs / Client Behaviours

Keyboard and ARIA Support

Known Issues

Other Resources

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.