Examples of com.extjs.gxt.ui.client.widget.ProgressBar

com.extjs.gxt.ui.client.widget.ProgressBar

An updateable progress bar component. The progress bar supports two different modes: manual and automatic.

In manual mode, you are responsible for showing, updating (via {@link #updateProgress}) and clearing the progress bar as needed from your own code. This method is most appropriate when you want to show progress throughout an operation that has predictable points of interest at which you can update the control.

In automatic mode, you simply call {@link #auto} and let the progress bar runindefinitely, only clearing it once the operation is complete. You can optionally have the progress bar wait for a specific amount of time and then clear itself. Automatic mode is most appropriate for timed operations or asynchronous operations in which you have no need for indicating intermediate progress.

Inherited Events:: BoxComponent Move; BoxComponent Resize; Component Enable; Component Disable; Component BeforeHide; Component Hide; Component BeforeShow; Component Show; Component Attach; Component Detach; Component BeforeRender; Component Render; Component BrowserEvent; Component BeforeStateRestore; Component StateRestore; Component BeforeStateSave; Component SaveState


    buttonBar.add(new Button("Progress", new SelectionListener<ButtonEvent>() {
      public void componentSelected(ButtonEvent ce) {
        final MessageBox box = MessageBox.progress("Please wait", "Loading items...",
            "Initializing...");
        final ProgressBar bar = box.getProgressBar();
        final Timer t = new Timer() {
          float i;


          @Override
          public void run() {
            bar.updateProgress(i / 100, (int) i + "% Complete");
            i += 5;
            if (i > 105) {
              cancel();
              box.close();
              Info.display("Message", "Items were loaded", "");

Examples of com.extjs.gxt.ui.client.widget.ProgressBar

Related Classes of com.extjs.gxt.ui.client.widget.ProgressBar