ext.progressbar.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.ProgressBar
                                            </code>
                                            this<br /> this
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="wait-wait"></a>
                        <b>wait</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[Object config]</span>
                                </code>
                            
                        )
                        
                            : Ext.ProgressBar
                        
                        <div class="mdesc">
                            <div class="short">
                                
 初始化一个自动更新的进度条。
 如果有duration的参数传入，... 
                            </div>
                            <div class="long">
                                
 初始化一个自动更新的进度条。
 如果有duration的参数传入，那么代表进度条会运行到一定的时间后停止（自动调用reset方法），并若然有指定一个回调函数，也会执行。
 如果duration的参数不传入，那么进度条将会不停地运行下去，这样你就要调用<a href="###" onClick="alert('#reset');">#reset</a>的方法停止他。wait方法可接受以下属性的配置对象：
 <pre>
属性        类型          内容
---------- ------------  ----------------------------------------------------------------------
duration   Number        进度条运作时间的长度，单位是毫秒，跑完后执行自身的复位方法（默认为undefined，即不断地运行除非执行reset方法结束）
interval   Number        每次更新的间隔周期（默认为1000毫秒）
increment  Number        进度条每次更新的幅度大小（默认为10）。如果进度条达到最后，那么它会回到原点。
fn         Function      当进度条完成自动更新后执行的回调函数。该函数没有参数。如不指定duration该项自动忽略，这样进度条只能写代码结束更新
scope      Object        回调函数的作用域（只当duration与fn两项都传入时有效）
</pre>

 用法举例：
 <pre><code>
var p = new Ext.ProgressBar({
   renderTo: 'my-el'
});

//等待五秒，然后更新状态元素（进度条会自动复位）
p.wait({
   interval: 100, //非常快地移动！
   duration: 5000,
   increment: 15,
   scope: this,
   fn: function(){
      Ext.fly('status').update('完成了！');
   }
});

//一种情况是，不停的更新直到有手工的操作控制结束。
p.wait();
myAction.on('complete', function(){
    p.reset();
    Ext.fly('status').update('完成了！');
});
</code></pre>
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    config
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.ProgressBar
                                            </code>
                                            this<br /> this
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="isWaiting-isWaiting"></a>
                        <b>isWaiting</b>
                        (
                        )
                        
                            : Boolean
                        
                        <div class="mdesc">
                            <div class="short">
                                
 返回进度条当前是否在{@link #wait}的操作中。
 
                            </div>
                            <div class="long">
                                
 返回进度条当前是否在{@link #wait}的操作中。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Boolean
                                            </code>
                                            True表示在等待，false反之
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="updateText-updateText"></a>
                        <b>updateText</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[String text]</span>
                                </code>
                            
                        )
                        
                            : Ext.ProgressBar
                        
                        <div class="mdesc">
                            <div class="short">
                                
 更新进度条的提示文本。  如传入text参数，textEl会更新其... 
                            </div>
                            <div class="long">
                                
 更新进度条的提示文本。  如传入text参数，textEl会更新其内容，否则进度条本身会显示已更新的文本。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    text
                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.ProgressBar
                                            </code>
                                            this<br /> this
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="setSize-setSize"></a>
                        <b>setSize</b>
                        (
                        
                            
                                <code>
                                    Number/Object width,
                                </code>
                            
                        
                            
                                <code>
                                    Number height
                                </code>
                            
                        )
                        
                            : Ext.BoxComponent
                        
                        <div class="mdesc">
                            <div class="short">
                                
 设置组件的宽度和高度。
 此方法会触发resize事件。
 此方法... 
                            </div>
                            <div class="long">
                                
 设置组件的宽度和高度。
 此方法会触发resize事件。
 此方法既可接受单独的数字类型的参数，也可以传入一个size的对象，如 {width:10, height:20}。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    width
                                                </code> : Number/Object
                                                <div class="sub-desc">
                                                    要设置的宽度，或一个size对象，格式是{width, height}
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    height
                                                </code> : Number
                                                <div class="sub-desc">
                                                    要设置的高度（如第一参数是size对象的那第二个参数经不需要了）
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.BoxComponent
                                            </code>
                                            this<br /> this
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Ext.BoxComponent" ext:member="#method-setSize" href="output/Ext.BoxComponent.html#method-setSize">
                        
                        BoxComponent