ext.progressbar.html

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

<!--
Mock
<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>
-->
<style type="text/css">
    body {
        overflow: scroll;
    }
    /**
	 .mdesc .long {
        display: block;
    }
     */
</style>
<!-- End Mock-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="body-wrap">
    <div class="top-tools">
        <a class="inner-link" href="#Ext.ProgressBar-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.ProgressBar-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.ProgressBar-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.ProgressBar-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.ProgressBar"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.ProgressBar</h1>
    <table cellspacing="0">
        <!--
        <tr>
        <td class="label">
        Package:
        </td>
        <td class="hd-info">
        </td>
        </tr>
        -->
        <tr>
            <td class="label">
                Defined In:
            </td>
            <td class="hd-info">
                ProgressBar.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.ProgressBar
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.BoxComponent
            </td>
        </tr>
    </table>
    <div class="description">
        <p>  
  可更新进度条的组件。进度条支持两种不同的模式：手动的和自动的。</p>
  <p>手动模式下，进度条的显示、更新（通过<a href="###" onClick="alert('#updateProgress');">#updateProgress</a>）和清除这些任务便需要你代码的去完成。
  此方法最适用于可实现预测点的操作显示进度条。</p>
  <p>自动模式下，你只需要调用<a href="###" onClick="alert('#wait');">#wait</a>并让进度条不停地运行下去，然后直到操作完成后停止进度条。另外一种用法是你让进度条显示一定的时间（wait方法），wait一定时间后停止显示进度。
  自动模式最适用于已知时间的操作或不需要标识实际进度的异步操作。</p>
  @cf
    </div>
    <div class="hr">
    </div>
    <a id="Ext.ProgressBar-configs"></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="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="value-header"></a>
                        <b>value</b>
                        : Float
                        <div class="mdesc">
                            <div class="short">
                                0到1区间的浮点数（例如：.5，默认为0） 
                            </div>
                            <div class="long">
                                0到1区间的浮点数（例如：.5，默认为0） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="textEl-header"></a>
                        <b>textEl</b>
                        : Mixed
                        <div class="mdesc">
                            <div class="short">
                                负责进度条渲染的那个元素（默认为进度条内部文本元素） 
                            </div>
                            <div class="long">
                                负责进度条渲染的那个元素（默认为进度条内部文本元素） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="baseCls-header"></a>
                        <b>baseCls</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                进度条外层元素所使用的CSS样式类基类（默认为'x-progress'）
 
                            </div>
                            <div class="long">
                                进度条外层元素所使用的CSS样式类基类（默认为'x-progress'）
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ProgressBar
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="height-header"></a>
                        <b>height</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                此组件的高度（单位象素）（缺省为auto）。
 
                            </div>
                            <div class="long">
                                此组件的高度（单位象素）（缺省为auto）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.BoxComponent" 
								ext:member="#method-height" 
								href="output/Ext.BoxComponent.html#method-height">
								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="width-header"></a>
                        <b>width</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                此组件的宽度（单位象素）（缺省为auto）。
 
                            </div>
                            <div class="long">
                                此组件的宽度（单位象素）（缺省为auto）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.BoxComponent" 
								ext:member="#method-width" 
								href="output/Ext.BoxComponent.html#method-width">
								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="autoHeight-header"></a>
                        <b>autoHeight</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为使用height:'auto'，false表示为使用固定... 
                            </div>
                            <div class="long">
                                True表示为使用height:'auto'，false表示为使用固定高度（缺省为false）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.BoxComponent" 
								ext:member="#method-autoHeight" 
								href="output/Ext.BoxComponent.html#method-autoHeight">
								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="autoWidth-header"></a>
                        <b>autoWidth</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为使用width:'auto'，false表示为使用固定宽... 
                            </div>
                            <div class="long">
                                True表示为使用width:'auto'，false表示为使用固定宽度（缺省为false）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.BoxComponent" 
								ext:member="#method-autoWidth" 
								href="output/Ext.BoxComponent.html#method-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="deferHeight-header"></a>
                        <b>deferHeight</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为根据外置的组件延时计算高度，false表示允许该组件自行... 
                            </div>