ProgressBar

Added by Yip Ng, edited by Yip Ng on Nov 04, 2011
You are viewing an old version (v. 3) 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>

        <h:form>

            <ace:panel>
                <ace:progressBar widgetVar="clientSideBar" />
            </ace:panel>

            <h:panelGrid width="100%">
                    <h:panelGroup>
                        <h:commandButton value="Start" onclick="begin();" type="button" style="float: left;"/>
                        <h:commandButton value="Cancel" onclick="stop();" type="button" style="float: right;"/>

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.