ProgressBar

Version 2 by Yip Ng
on Nov 04, 2011 12:19.

<< Changes from 1 to 2
compared with
Version 3 by Yip Ng
on Nov 04, 2011 12:44.

Changes from 3 to 4 >>
Key
These lines were removed. This word was removed.
These lines were added. This word was added.

View page history


There are 2 changes. View first change.

 h3. 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.
  
  
  
 h3. Usage
  
 Client side only:
 {code}
  <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;"/>
  
 {code}
 h3. Component Attributes
  
  
 h3. JavaScript APIs / Client Behaviours
  
  
 h3. Keyboard and ARIA Support
  
  
 h3. Known Issues
  
  
 h3. Other Resources
  
  
 h3.
  
  
 h3.
  
  
 h3.
  
  
 h3.
  
  
 h3.
  
  
 h3.
  
  
 h3.

© Copyright 2017 ICEsoft Technologies Canada Corp.