📄 ext.statusbar.html
字号:
<a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="busyIconCls-header"></a> <b>busyIconCls</b> : String <div class="mdesc"> <div class="short"> The default #iconCls applied when c... </div> <div class="long"> The default <a href="###" onClick="alert('#iconCls');">#iconCls</a> applied when calling <a href="###" onClick="alert('#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 expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="busyText-header"></a> <b>busyText</b> : String <div class="mdesc"> <div class="short"> The default {@link #text} applied w... </div> <div class="long"> The default {@link #text} applied when calling {@link #showBusy} (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 expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="autoClear-header"></a> <b>autoClear</b> : Number <div class="mdesc"> <div class="short"> The number of milliseconds to wait ... </div> <div class="long"> The number of milliseconds to wait after setting the status via <a href="###" onClick="alert('#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 href="###" onClick="alert('#clearStatus');">#clearStatus</a> always clear the status bar immediately and ignore this value. </div> </div> </td> <td class="msource"> StatusBar </td> </tr> </table> <a id="Ext.StatusBar-props"></a> <h2>公告属性</h2> 这个类没有公告属性。 <a id="Ext.StatusBar-methods"></a> <h2>公共方法</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 方法 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="StatusBar-StatusBar"></a> <b>StatusBar</b> ( <code> Object/Array config </code> ) : Ext.StatusBar <div class="mdesc"> <div class="short"> 构造器 </div> <div class="long"> 构造器 <div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> config </code> : Object/Array <div class="sub-desc"> A config object </div> </li> </ul> <b>返回:</b> <ul> <li> <code> Ext.StatusBar </code> </li> </ul> </div> </div> </div> </td> <td class="msource"> StatusBar </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="setStatus-setStatus"></a> <b>setStatus</b> ( <code> Object/String config </code> ) : Ext.StatusBar <div class="mdesc"> <div class="short"> Sets the status #text and/or #icon... </div> <div class="long"> Sets the status <a href="###" onClick="alert('#text');">#text</a> and/or <a href="###" onClick="alert('#iconCls');">#iconCls</a>. Also supports automatically clearing the status that was set after a specified interval. to be the status text (and all other options are defaulted as explained below). A config object containing any or all of the following properties can be passed:<ul> <li><tt>text</tt> {String} : (optional) The status text to display. If not specified, any current status text will remain unchanged.</li> <li><tt>iconCls</tt> {String} : (optional) The CSS class used to customize the status icon (see <a href="###" onClick="alert('#iconCls');">#iconCls</a> for details). If not specified, any current iconCls will remain unchanged.</li> <li><tt>clear</tt> {Boolean/Number/Object} : (optional) Allows you to set an internal callback that will automatically clear the status text and iconCls after a specified amount of time has passed. If clear is not specified, the new status will not be auto-cleared and will stay until updated again or cleared using <a href="###" onClick="alert('#clearStatus');">#clearStatus</a>. If <tt>true</tt> is passed, the status will be cleared using <a href="###" onClick="alert('#autoClear');">#autoClear</a>, <a href="###" onClick="alert('#defaultText');">#defaultText</a> and <a href="###" onClick="alert('#defaultIconCls');">#defaultIconCls</a> via a fade out animation. If a numeric value is passed, it will be used as the callback interval (in milliseconds), overriding the <a href="###" onClick="alert('#autoClear');">#autoClear</a> value. All other options will be defaulted as with the boolean option. To customize any other options, you can pass an object in the format:<ul> <li><tt>wait</tt> {Number} : (optional) The number of milliseconds to wait before clearing (defaults to <a href="###" onClick="alert('#autoClear');">#autoClear</a>).</li> <li><tt>anim</tt> {Number} : (optional) False to clear the status immediately once the callback executes (defaults to true which fades the status out).</li> <li><tt>useDefaults</tt> {Number} : (optional) False to completely clear the status text and iconCls (defaults to true which uses <a href="###" onClick="alert('#defaultText');">#defaultText</a> and <a href="###" onClick="alert('#defaultIconCls');">#defaultIconCls</a>).</li> </ul></li></ul> Example usage:<pre><code>// Simple call to update the textstatusBar.setStatus('New status');// Set the status and icon, auto-clearing with default options:statusBar.setStatus({ text: 'New status', iconCls: 'x-status-custom', clear: true});// Auto-clear with custom options:statusBar.setStatus({ text: 'New status', iconCls: 'x-status-custom', clear: { wait: 8000, anim: false, useDefaults: false }});</code></pre> <div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> config </code> : Object/String <div class="sub-desc"> A config object specifying what status to set, or a string assumed </div> </li> </ul> <b>返回:</b> <ul> <li> <code> Ext.StatusBar </code> this<br /> this </li> </ul> </div> </div> </div> </td> <td class="msource"> StatusBar </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="clearStatus-clearStatus"></a> <b>clearStatus</b> ( <code> @link #text and, </code> <code> Boolean} : (optional) True to reset the text and icon using {@link #defaultText and </code> ) : Ext.StatusBar <div class="mdesc"> <div class="short"> Clears the status {@link #text} an... </div> <div class="long"> Clears the status {@link #text} and {@link #iconCls}. Also supports clearing via an optional fade out animation. object is not specified the status will be cleared using the defaults below:<ul> <li><tt>anim</tt> {Boolean} : (optional) True to clear the status by fading out the status element (defaults to false which clears immediately).</li> <li><tt>useDefaults</tt> {Boolean} : (optional) True to reset the text and icon using {@link #defaultText} and {@link #defaultIconCls} (defaults to false which sets the text to '' and removes any existing icon class).</li> </ul> <div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> and </code> : @link #text
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -