ext.tabpanel.html

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

                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="scrollRepeatInterval-header"></a>
                        <b>scrollRepeatInterval</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                Number of milliseconds between each... 
                            </div>
                            <div class="long">
                                Number of milliseconds between each scroll while a tab scroll button is
     continuously pressed (defaults to 400).  『当标签页滚动按钮不停地被按下时，两次执行滚动的间隔的毫秒数（默认为400）。』 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="scrollDuration-header"></a>
                        <b>scrollDuration</b>
                        : Float
                        <div class="mdesc">
                            <div class="short">
                                每次滚动所产生动画会持续多久（单位毫秒，默认为0.35）。只当#ani... 
                            </div>
                            <div class="long">
                                每次滚动所产生动画会持续多久（单位毫秒，默认为0.35）。只当<a href="###" onClick="alert('#animScroll');">#animScroll</a> = true时有效。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="animScroll-header"></a>
                        <b>animScroll</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True 表示为tab滚动时出现动画效果以使tab在视图中消失得更平滑... 
                            </div>
                            <div class="long">
                                True 表示为tab滚动时出现动画效果以使tab在视图中消失得更平滑 (缺省为true).
     只当 <a href="###" onClick="alert('#enableTabScroll');">#enableTabScroll</a> = true时有效. 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="tabPosition-header"></a>
                        <b>tabPosition</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                Tab候选栏渲染的位置 (默认为 'top'). 其它可支持值是'bo... 
                            </div>
                            <div class="long">
                                Tab候选栏渲染的位置 (默认为 'top'). 其它可支持值是'bottom'.
     注意tab滚动 (tab scrolling) 只支持'top'的位置. 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </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-panel'). 
                            </div>
                            <div class="long">
                                作用在面板元素上的CSS样式类 （默认为 'x-panel'). 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-baseCls" 
								href="output/Ext.Panel.html#method-baseCls">
								Panel
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="autoTabs-header"></a>
                        <b>autoTabs</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True 表示为查询DOM中任何带 "x-tab' 样式类的div元素... 
                            </div>
                            <div class="long">
                                <p>True 表示为查询DOM中任何带 "x-tab' 样式类的div元素,转化为tab加入到此面板中 (默认为 false)。注意查询的执行范围仅限于容器元素内 (so that multiple tab panels from markup can be supported via this method) </p> <p>此时要求markup(装饰元素)结构(即在容器内嵌有'x-tab'类的div元素)才有效. 要突破这种限制,或从页面上其它元素的内容拉到tab中,可参阅由markup生成tab的第一个示例.</p> <p>采用这种方法须注意下列几个问题:<ul> <li>当使用autoTabs的时候(与不同的tab配置传入到tabPanel <a href="###" onClick="alert('#items');">#items</a> 集合的方法相反), 你同时必须使用 <a href="###" onClick="alert('#applyTo');">#applyTo</a>  正确地指明tab容器的id. AutoTabs 方法把现有的内容替换为TabPanel组件.</li> <li>确保已设 <a href="###" onClick="alert('#deferredRender');">#deferredRender</a> 为false,使得每个tab中的内容元素能在页面加载之后立即渲染到 TabPanel,否则的话激活tab也不能成功渲染.</li> </ul>用法举例:</p> <pre><code>
var tabs = new Ext.TabPanel({
    applyTo: 'my-tabs',
    activeTab: 0,
    deferredRender: false,
    autoTabs: true
});

//这些装饰元素会按照以上的代码转换为TabPanel对象
&lt;div id="my-tabs">
    &lt;div class="x-tab" title="Tab 1">A simple tab&lt;/div>
    &lt;div class="x-tab" title="Tab 2">Another one&lt;/div>
&lt;/div>
</code></pre> 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="-header"></a>
                        <b></b>
                        : String} autoTabSelector 用于搜索tab的那个CSS选择符,当 {@link #autoTabs
                        <div class="mdesc">
                            <div class="short">
                                时有效. (默认为 'div.x-tab').  此值可是 {@lin... 
                            </div>
                            <div class="long">
                                时有效. (默认为 'div.x-tab').  此值可是 {@link Ext.DomQuery#select}的任意有效值. 注意  the query will be executed within the scope of this tab panel only (so that multiple tab panels from markup can be supported on a page). 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="activeTab-header"></a>
                        <b>activeTab</b>
                        : String/Number
                        <div class="mdesc">
                            <div class="short">
                                一个字符串或数字(索引)表示,渲染后就活动的那个tab (默认为没有). 
                            </div>
                            <div class="long">
                                一个字符串或数字(索引)表示,渲染后就活动的那个tab (默认为没有). 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="tabMargin-header"></a>
                        <b>tabMargin</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                此象素值参与大小调整和卷动时的运算，以计算空隙的象素值。如果你在CSS... 
                            </div>
                            <div class="long">
                                此象素值参与大小调整和卷动时的运算，以计算空隙的象素值。如果你在CSS中改变了margin（外补丁），那么这个值也要随着更改，才能正确地计算值（默认为2） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="plain-header"></a>
                        <b>plain</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为不渲染tab候选栏上背景容器图片（默认为false）。 
                            </div>
                            <div class="long">
                                True表示为不渲染tab候选栏上背景容器图片（默认为false）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">