ext.tabpanel.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.TabPanel-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.TabPanel-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.TabPanel-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.TabPanel-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.TabPanel"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.TabPanel</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">
                TabPanel.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.TabPanel
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.Panel
            </td>
        </tr>
    </table>
    <div class="description">
        
    </div>
    <div class="hr">
    </div>
    <a id="Ext.TabPanel-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="layoutOnTabChange-header"></a>
                        <b>layoutOnTabChange</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为每当Tab切换时就绘制一次布局. 
                            </div>
                            <div class="long">
                                True表示为每当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="monitorResize-header"></a>
                        <b>monitorResize</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                Ture表示为自动监视window resize的事件，以处理接下来一... 
                            </div>
                            <div class="long">
                                Ture表示为自动监视window resize的事件，以处理接下来一切的事情，包括对视见区（viewport）当前大小的感知，一般情况该值由<a href="###" onClick="alert('#layout');">#layout</a>调控，而无须手动设置。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Container" 
								ext:member="#method-monitorResize" 
								href="output/Ext.Container.html#method-monitorResize">
								Container
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="deferredRender-header"></a>
                        <b>deferredRender</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                内置地, Tab面板是采用 Ext.layout.CardLayout... 
                            </div>
                            <div class="long">
                                内置地, Tab面板是采用 <a href="###" onClick="alert('Ext.layout.CardLayout');">Ext.layout.CardLayout</a> 的方法管理tabs.
     此属性的值将会传递到布局的 <a href="###" onClick="alert('Ext.layout.CardLayout#deferredRender');">Ext.layout.CardLayout#deferredRender</a> 配置值中,以决定是否只有tab面板 第一次访问时才渲染 (缺省为 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="tabWidth-header"></a>
                        <b>tabWidth</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                每一张新tab的初始宽度,单位为象素 (缺省为 120). 
                            </div>
                            <div class="long">
                                每一张新tab的初始宽度,单位为象素 (缺省为 120). 
                            </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="minTabWidth-header"></a>
                        <b>minTabWidth</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                每张tab宽度的最小值,仅当 #resizeTabs = true有效... 
                            </div>
                            <div class="long">
                                每张tab宽度的最小值,仅当 <a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a> = true有效 (缺省为 30). 
                            </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="resizeTabs-header"></a>
                        <b>resizeTabs</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True to automatically resize each t... 
                            </div>
                            <div class="long">
                                True to automatically resize each tab so that the tabs will completely fill the
     tab strip (defaults to false).   Setting this to true may cause specific widths that might be set per tab to be overridden in order to fit them all into view (although <a href="###" onClick="alert('#minTabWidth');">#minTabWidth</a> will always be honored).  True表示为自动调整各个标签页的宽度，以便适应当前TabPanel的候选栏的宽度（默认为false）。 这样设置的话，那么每个标签页都可能会一个规定的宽度，原先标签页的宽度将不会保留以便适应显示（尽管<a href="###" onClick="alert('#minTabWidth');">#minTabWidth</a>依然作用）。 
                            </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="enableTabScroll-header"></a>
                        <b>enableTabScroll</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                True to enable scrolling to tabs th... 
                            </div>
                            <div class="long">
                                True to enable scrolling to tabs that may be invisible due to overflowing the overall TabPanel width. Only available with tabs on top. (defaults to false).  『有时标签页会超出TabPanel的整体宽度。为防止此情况下溢出的标签页不可见，就需要将此项设为true以出现标签页可滚动的功能。 只当标签页位于上方的位置时有效（默认为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">
                        <a id="scrollIncrement-header"></a>
                        <b>scrollIncrement</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                The number of pixels to scroll each... 
                            </div>
                            <div class="long">
                                The number of pixels to scroll each time a tab scroll button is pressed (defaults to 100, or if <a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a> = true, the calculated tab width).  Only applies when <a href="###" onClick="alert('#enableTabScroll');">#enableTabScroll</a> = true.  『每次滚动按钮按下时，被滚动的标签页所移动的距离（单位是像素，默认为100，若<a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a>=true，那么默认值将是计算好的标签页宽度）。 只当<a href="###" onClick="alert('#enableTabScroll');">#enableTabScroll</a> = true时有效。』 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TabPanel