X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/output/Ext.ux.StatusBar.html diff --git a/docs/output/Ext.ux.StatusBar.html b/docs/output/Ext.ux.StatusBar.html new file mode 100644 index 00000000..dea15e89 --- /dev/null +++ b/docs/output/Ext.ux.StatusBar.html @@ -0,0 +1,1253 @@ +
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      Container
        Toolbar
          StatusBar

Class Ext.ux.StatusBar

Package:Ext.ux
Defined In:StatusBar.js
Class:StatusBar
Extends:Toolbar

Basic status bar component that can be used as the bottom toolbar of any Ext.Panel. In addition to +supporting the standard Ext.Toolbar interface for adding buttons, menus and other items, the StatusBar +provides a greedy status element that can be aligned to either side and has convenient methods for setting the +status text and icon. You can also indicate that something is processing using the showBusy method.

+

Note: Although StatusBar supports xtype:'statusbar', at this time Ext.Toolbar (the base class) does +not support xtype. For this reason, if you are adding Toolbar items into the StatusBar you must declare it +using the "new StatusBar()" syntax for the items to render correctly.

+
new Ext.Panel({
+    title: 'StatusBar',
+    // etc.
+    bbar: new Ext.ux.StatusBar({
+        id: 'my-status',
+
+        // defaults to use when the status is cleared:
+        defaultText: 'Default status text',
+        defaultIconCls: 'default-icon',
+
+        // values to set initially:
+        text: 'Ready',
+        iconCls: 'ready-icon',
+
+        // any standard Toolbar items:
+        items: [{
+            text: 'A Button'
+        }, '-', 'Plain Text']
+    })
+});
+
+// Update the status bar later in code:
+var sb = Ext.getCmp('my-status');
+sb.setStatus({
+    text: 'OK',
+    iconCls: 'ok-icon',
+    clear: true // auto-clear after a set interval
+});
+
+// Set the status bar to show that something is processing:
+sb.showBusy();
+
+// processing....
+
+sb.clearStatus(); // once completeed

Config Options

Config OptionsDefined By
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 cls : String
The base class applied to the containing element for this component on render (defaults to 'x-statusbar')
StatusBar
 disabled : Boolean
Render this component disabled (default is false).
Component
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 hidden : Boolean
Render this component hidden (default is false). If true, the +hide method will be called internally.
Component
 layoutConfig : Object
This is a config object containing properties specific to the chosen +layout if layout +has been specified as a string.

Container
 pageX : Number
The page level x coordinate for this component if contained within a positioning container.
BoxComponent
 pageY : Number
The page level y coordinate for this component if contained within a positioning container.
BoxComponent
 text : String
A string that will be rendered into the status element as the status message (defaults to '');
StatusBar
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 disabled : Boolean
True if this component is disabled. Read-only.
Component
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 items : MixedCollection
The collection of components in this container as a Ext.util.MixedCollection
Container
 rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

MethodDefined By

Public Events

EventDefined By
\ No newline at end of file