ext.layout.borderlayout.splitregion.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.layout.BorderLayout.SplitRegion-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.layout.BorderLayout.SplitRegion"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.layout.BorderLayout.SplitRegion</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">
                BorderLayout.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.layout.BorderLayout.SplitRegion
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.layout.BorderLayout.Region
            </td>
        </tr>
    </table>
    <div class="description">
        这是具有为用户调节区域大小而内置的<a href="###" onClick="alert('Ext.SplitBar');">Ext.SplitBar</a>的特殊类型BorderLayout区域
    </div>
    <div class="hr">
    </div>
    <a id="Ext.layout.BorderLayout.SplitRegion-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="animFloat-header"></a>
                        <b>animFloat</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                当一个已关闭的区域上的工具条被点击时，一旦用户的鼠标移开时面板会再次关... 
                            </div>
                            <div class="long">
                                当一个已关闭的区域上的工具条被点击时，一旦用户的鼠标移开时面板会再次关闭（或在外面点击，若autoHide=false的话）。 设置animFloat为fasle会阻止这些浮动的面板以动画的方式打开和关闭（默认为true）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-animFloat" 
								href="output/Ext.layout.BorderLayout.Region.html#method-animFloat">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="autoHide-header"></a>
                        <b>autoHide</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                当一个已关闭的区域上的工具条被点击时，区域的面板会显示为浮动的面板。 ... 
                            </div>
                            <div class="long">
                                当一个已关闭的区域上的工具条被点击时，区域的面板会显示为浮动的面板。 如果autoHide为true，用户鼠标移开面板时会自动隐藏面板。 若为false，面板会一直显示除非用户点击了面板以外的区域（默认为true）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-autoHide" 
								href="output/Ext.layout.BorderLayout.Region.html#method-autoHide">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="collapseMode-header"></a>
                        <b>collapseMode</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                默认下，可关闭的区域是通过点击区域标题条上的工具按钮来控制区域是否关闭... 
                            </div>
                            <div class="long">
                                默认下，可关闭的区域是通过点击区域标题条上的工具按钮来控制区域是否关闭的。 可选的，当collapseMdoe被设置为'mini'时，区域的分隔条中间仍然会有一个小小的关闭按钮。 在'mini'模式下区域会闭合成为一个比常规模式下更细小的水平条。   默认下collapseMode是设置为undefined，支持两种值undefined和'mini'。 注意如果可关闭的区域如果没有标题条，那么collapseMode必须设置为'mini'以便即使工具按钮没有渲染也可以由用户来关闭区域。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-collapseMode" 
								href="output/Ext.layout.BorderLayout.Region.html#method-collapseMode">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="margins-header"></a>
                        <b>margins</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                作用在区域上的外补丁对象，对象的格式如{left: (left mar... 
                            </div>
                            <div class="long">
                                作用在区域上的外补丁对象，对象的格式如{left: (left margin), top: (top margin), right: (right margin), bottom: (bottom margin)} 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-margins" 
								href="output/Ext.layout.BorderLayout.Region.html#method-margins">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="cmargins-header"></a>
                        <b>cmargins</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                作用在区域闭合元素上的外补丁对象，对象的格式如{left: (left... 
                            </div>
                            <div class="long">
                                作用在区域闭合元素上的外补丁对象，对象的格式如{left: (left margin), top: (top margin), right: (right margin), bottom: (bottom margin)} 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-cmargins" 
								href="output/Ext.layout.BorderLayout.Region.html#method-cmargins">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="collapsible-header"></a>
                        <b>collapsible</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为允许用户闭合此区域（默认为false）。 如为true，... 
                            </div>
                            <div class="long">
                                True表示为允许用户闭合此区域（默认为false）。 如为true，区域上的title bar将会渲染出“展开/收缩”的按钮。 注意title bar需要显示的是一个轮换按钮－－如不指定区域的title，那么只有当<a href="###" onClick="alert('#collapseMode');">#collapseMode</a>设为'mini'时，区域才能收缩。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-collapsible" 
								href="output/Ext.layout.BorderLayout.Region.html#method-collapsible">
								Region
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="split-header"></a>
                        <b>split</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为显示在此区域与旁边区域显示{@link Ext.Spli... 
                            </div>
                            <div class="long">
                                True表示为显示在此区域与旁边区域显示{@link Ext.SplitBar}，可允许用户动态调节区域的大小（缺省为false）。 当split=true，通常需要指定区域的{@link #minSize}和{@link #maxSize} 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.layout.BorderLayout.Region" 
								ext:member="#method-split" 
								href="output/Ext.layout.BorderLayout.Region.html#method-split">
								Region