ext.statusbar.html.svn-base

来自「PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。」· SVN-BASE 代码 · 共 980 行 · 第 1/5 页

        <div class="body-wrap">
        <div class="top-tools">
            <a class="inner-link" href="#Ext.StatusBar-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
            <a class="inner-link" href="#Ext.StatusBar-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
            <a class="inner-link" href="#Ext.StatusBar-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
                            <a class="inner-link" href="#Ext.StatusBar-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
                        <a class="bookmark" href="../docs/?class=Ext.StatusBar"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
        </div>
                <div class="inheritance res-block">
<pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
  <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a>
    <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a>
      <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Toolbar" ext:member="" href="output/Ext.Toolbar.html">Toolbar</a>
        <img src="resources/elbow-end.gif"/>StatusBar</pre></div>
                <h1>Class Ext.StatusBar</h1>
        <table cellspacing="0">
            <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr>
            <tr><td class="label">Defined In:</td><td class="hd-info">StatusBar.js</td></tr>
            <tr><td class="label">Class:</td><td class="hd-info">StatusBar</td></tr>
                                    <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.Toolbar" ext:member="" href="output/Ext.Toolbar.html">Toolbar</a></td></tr>
                    </table>
        <div class="description">
            <p>Basic status bar component that can be used as the bottom toolbar of any <a ext:cls="Ext.Panel" href="output/Ext.Panel.html">Ext.Panel</a>.  In addition to
supporting the standard <a ext:cls="Ext.Toolbar" href="output/Ext.Toolbar.html">Ext.Toolbar</a> 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 <a ext:cls="Ext.StatusBar" ext:member="showBusy" href="output/Ext.StatusBar.html#showBusy">showBusy</a> method.</p>
<p>Example StatusBar configuration:</p> 
<pre><code>new Ext.Panel({
    title: <em>'StatusBar'</em>,
    <i>// etc.</i>
    bbar: <b>new</b> Ext.StatusBar({
        id: <em>'my-status'</em>,
        
        <i>// defaults to use when the status is cleared:</i>
        defaultText: <em>'Default status text'</em>,
        defaultIconCls: <em>'<b>default</b>-icon'</em>,
        
        <i>// values to set initially:</i>
        text: <em>'Ready'</em>,
        iconCls: <em>'ready-icon'</em>,
        
        <i>// any standard Toolbar items:</i>
        items: [{
            text: <em>'A Button'</em>
        }, <em>'-'</em>, <em>'Plain Text'</em>]
    })
});

<i>// Update the status bar later <b>in</b> code:</i>
<b>var</b> sb = Ext.getCmp(<em>'my-status'</em>);
sb.setStatus({
    text: <em>'OK'</em>,
    iconCls: <em>'ok-icon'</em>,
    clear: true <i>// auto-clear after a set interval</i>
});

<i>// Set the status bar to show that something is processing:</i>
sb.showBusy();

<i>// processing....</i>
 
sb.clearStatus(); // once completeed</code></pre>        </div>
        
        <div class="hr"></div>
                <a id="Ext.StatusBar-configs"></a>
        <h2>Config Options</h2>
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">Config Options</th>
                <th class="msource-header">Defined By</th>
            </tr>
                <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-allowDomMove"></a>
            <b>allowDomMove</b> : Boolean            <div class="mdesc">
                            Whether the component can move the Dom node when rendering (defaults to true).                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#allowDomMove" href="output/Ext.Component.html#allowDomMove">Component</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-applyTo"></a>
            <b>applyTo</b> : Mixed            <div class="mdesc">
                        <div class="short">The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document ...</div>
            <div class="long">
                The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document that specifies some structural markup for this component. When applyTo is used, constituent parts of the component can also be specified by id or CSS class name within the main element, and the component being created may attempt to create its subcomponents from that markup if applicable. Using this config, a call to render() is not required. If applyTo is specified, any value passed for <a ext:cls="Ext.Component" ext:member="renderTo" href="output/Ext.Component.html#renderTo">renderTo</a> will be ignored and the target element's parent node will automatically be used as the component's container.            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#applyTo" href="output/Ext.Component.html#applyTo">Component</a></td>
    </tr>
        <tr class="config-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-autoClear"></a>
            <b>autoClear</b> : Number            <div class="mdesc">
                        <div class="short">The number of milliseconds to wait after setting the status via setStatus before automatically clearing the status te...</div>
            <div class="long">
                The number of milliseconds to wait after setting the status via <a ext:cls="Ext.StatusBar" ext:member="setStatus" href="output/Ext.StatusBar.html#setStatus">setStatus</a> before automatically clearing the status text and icon (defaults to 5000). Note that this only applies when passing the <tt>clear</tt> argument to setStatus since that is the only way to defer clearing the status. This can be overridden by specifying a different <tt>wait</tt> value in setStatus. Calls to <a ext:cls="Ext.StatusBar" ext:member="clearStatus" href="output/Ext.StatusBar.html#clearStatus">clearStatus</a> always clear the status bar immediately and ignore this value.            </div>
                        </div>
        </td>
        <td class="msource">StatusBar</td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-autoHeight"></a>
            <b>autoHeight</b> : Boolean            <div class="mdesc">
                        <div class="short">True to use height:'auto', false to use fixed height. Note: although many components inherit this config option, not ...</div>
            <div class="long">
                True to use height:'auto', false to use fixed height. Note: although many components inherit this config option, not all will function as expected with a height of 'auto'. (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#autoHeight" href="output/Ext.BoxComponent.html#autoHeight">BoxComponent</a></td>
    </tr>
        <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-autoShow"></a>
            <b>autoShow</b> : Boolean            <div class="mdesc">
                        <div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render...</div>
            <div class="long">
                True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-autoWidth"></a>
            <b>autoWidth</b> : Boolean            <div class="mdesc">
                        <div class="short">True to use width:'auto', false to use fixed width. Note: although many components inherit this config option, not al...</div>
            <div class="long">
                True to use width:'auto', false to use fixed width. Note: although many components inherit this config option, not all will function as expected with a width of 'auto'. (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#autoWidth" href="output/Ext.BoxComponent.html#autoWidth">BoxComponent</a></td>
    </tr>
        <tr class="config-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-busyIconCls"></a>
            <b>busyIconCls</b> : String            <div class="mdesc">
                        <div class="short">The default iconCls applied when calling showBusy (defaults to 'x-status-busy'). It can be overridden at any time by ...</div>
            <div class="long">
                The default <a ext:cls="Ext.StatusBar" ext:member="iconCls" href="output/Ext.StatusBar.html#iconCls">iconCls</a> applied when calling <a ext:cls="Ext.StatusBar" ext:member="showBusy" href="output/Ext.StatusBar.html#showBusy">showBusy</a> (defaults to 'x-status-busy'). It can be overridden at any time by passing the <tt>iconCls</tt> argument into <tt>showBusy</tt>. See the iconCls docs for additional details about customizing the icon.            </div>
                        </div>
        </td>
        <td class="msource">StatusBar</td>
    </tr>
        <tr class="config-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-busyText"></a>
            <b>busyText</b> : String            <div class="mdesc">
                        <div class="short">The default text applied when calling showBusy (defaults to 'Loading...'). It can be overridden at any time by passin...</div>
            <div class="long">
                The default <a ext:cls="Ext.StatusBar" ext:member="text" href="output/Ext.StatusBar.html#text">text</a> applied when calling <a ext:cls="Ext.StatusBar" ext:member="showBusy" href="output/Ext.StatusBar.html#showBusy">showBusy</a> (defaults to 'Loading...'). It can be overridden at any time by passing the <tt>text</tt> argument into <tt>showBusy</tt>.            </div>
                        </div>
        </td>
        <td class="msource">StatusBar</td>
    </tr>
        <tr class="config-row">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-cls"></a>
            <b>cls</b> : String            <div class="mdesc">
                            The base class applied to the containing element for this component on render (defaults to 'x-statusbar')                        </div>
        </td>
        <td class="msource">StatusBar</td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-ctCls"></a>
            <b>ctCls</b> : String            <div class="mdesc">
                        <div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div>
            <div class="long">
                An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules.            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td>
    </tr>
        <tr class="config-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.StatusBar-defaultIconCls"></a>
            <b>defaultIconCls</b> : String            <div class="mdesc">
                        <div class="short">The default iconCls value (see the iconCls docs for additional details about customizing the icon). This will be used...</div>
            <div class="long">
                The default <a ext:cls="Ext.StatusBar" ext:member="iconCls" href="output/Ext.StatusBar.html#iconCls">iconCls</a> value (see the iconCls docs for additional details about customizing the icon). This will be used anytime the status bar is cleared with the <tt>useDefaults:true</tt> option (defaults to '').            </div>
                        </div>
        </td>
        <td class="msource">StatusBar</td>