You are viewing an old version (v. 8) 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 >>
<< 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 widgetVar="#{upload.widgetVarName}" ajax="true" interval="2000" value="#{upload.progressValue}" ... /> ... <h:commandButton onclick="#{upload.widgetVarName}.start();" ... />
Component Attributes
 | TagLib Documentation This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here. |
ajax specifies the mode of progressBar, in ajax mode progress value is retrieved from a backing bean.
cancelListener, changeListener, completeListener are the listeners for the different stages of the progress. In the change event you can get the value and percentage of the progress bar.
interval is time between polls to the server in milliseconds.