📄 ext.layout.borderlayout.region.html.svn-base
字号:
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.layout.BorderLayout.Region-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.layout.BorderLayout.Region-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.layout.BorderLayout.Region-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.layout.BorderLayout.Region-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.layout.BorderLayout.Region"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <h1>Class Ext.layout.BorderLayout.Region</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext.layout</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">BorderLayout.Region</td></tr> <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.layout.BorderLayout.SplitRegion" href="output/Ext.layout.BorderLayout.SplitRegion.html">BorderLayout.SplitRegion</a></td></tr> <tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr> </table> <div class="description"> This is a region of a BorderLayout that acts as a subcontainer within the layout. Each region has its ownlayout that is independent of other regions and the containing BorderLayout, and can be any of the validExt layout types. Region size is managed automatically and cannot be changed by the user -- for resizableregions, see <a ext:cls="Ext.layout.BorderLayout.SplitRegion" href="output/Ext.layout.BorderLayout.SplitRegion.html">Ext.layout.BorderLayout.SplitRegion</a>. </div> <div class="hr"></div> <a id="Ext.layout.BorderLayout.Region-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-animFloat"></a>
<b>animFloat</b> : Boolean <div class="mdesc">
<div class="short">When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel that will close aga...</div>
<div class="long">
When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel that will close again once the user mouses out of that panel (or clicks out if autoHide = false). Setting animFloat to false will prevent the open and close of these floated panels from being animated (defaults to true). </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-autoHide"></a>
<b>autoHide</b> : Boolean <div class="mdesc">
<div class="short">When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel. If autoHide is tru...</div>
<div class="long">
When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel. If autoHide is true, the panel will automatically hide after the user mouses out of the panel. If autoHide is false, the panel will continue to display until the user clicks outside of the panel (defaults to true). </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-cmargins"></a>
<b>cmargins</b> : Object <div class="mdesc">
<div class="short">An object containing margins to apply to the region's collapsed element in the format {left: (left margin), top: (top...</div>
<div class="long">
An object containing margins to apply to the region's collapsed element in the format {left: (left margin), top: (top margin), right: (right margin), bottom: (bottom margin)} </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-collapseMode"></a>
<b>collapseMode</b> : String <div class="mdesc">
<div class="short">By default, collapsible regions are collapsed by clicking the expand/collapse tool button that renders into the regio...</div>
<div class="long">
By default, collapsible regions are collapsed by clicking the expand/collapse tool button that renders into the region's title bar. Optionally, when collapseMode is set to 'mini' the region's split bar will also display a small collapse button in the center of the bar. In 'mini' mode the region will collapse to a thinner bar than in normal mode. By default collapseMode is undefined, and the only two supported values are undefined and 'mini'. Note that if a collapsible region does not have a title bar, then collapseMode must be set to 'mini' in order for the region to be collapsible by the user as the tool button will not be rendered. </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-collapsed"></a>
<b>collapsed</b> : Boolean <div class="mdesc">
<div class="short">By default, collapsible regions will be visible when rendered. Set the collapsed config to true to render the region ...</div>
<div class="long">
By default, collapsible regions will be visible when rendered. Set the collapsed config to true to render the region as collapsed. </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-collapsible"></a>
<b>collapsible</b> : Boolean <div class="mdesc">
<div class="short">True to allow the user to collapse this region (defaults to false). If true, an expand/collapse tool button will auto...</div>
<div class="long">
True to allow the user to collapse this region (defaults to false). If true, an expand/collapse tool button will automatically be rendered into the title bar of the region, otherwise the button will not be shown. Note that a title bar is required to display the toggle button -- if no region title is specified, the region will only be collapsible if <a ext:cls="Ext.layout.BorderLayout.Region" ext:member="collapseMode" href="output/Ext.layout.BorderLayout.Region.html#collapseMode">collapseMode</a> is set to 'mini'. </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-floatable"></a>
<b>floatable</b> : Boolean <div class="mdesc">
<div class="short">True to allow clicking a collapsed region's bar to display the region's panel floated above the layout, false to forc...</div>
<div class="long">
True to allow clicking a collapsed region's bar to display the region's panel floated above the layout, false to force the user to fully expand a collapsed region by clicking the expand button to see it again (defaults to true). </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-margins"></a>
<b>margins</b> : Object <div class="mdesc">
<div class="short">An object containing margins to apply to the region in the format {left: (left margin), top: (top margin), right: (ri...</div>
<div class="long">
An object containing margins to apply to the region in the format {left: (left margin), top: (top margin), right: (right margin), bottom: (bottom margin)} </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-minHeight"></a>
<b>minHeight</b> : Number <div class="mdesc">
The minimum allowable height in pixels for this region (defaults to 50) </div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-minWidth"></a>
<b>minWidth</b> : Number <div class="mdesc">
The minimum allowable width in pixels for this region (defaults to 50) </div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-split"></a>
<b>split</b> : Boolean <div class="mdesc">
<div class="short">True to display a Ext.SplitBar between this region and its neighbor, allowing the user to resize the regions dynamica...</div>
<div class="long">
True to display a <a ext:cls="Ext.SplitBar" href="output/Ext.SplitBar.html">Ext.SplitBar</a> between this region and its neighbor, allowing the user to resize the regions dynamically (defaults to false). When split = true, it is common to specify a <a ext:cls="Ext.layout.BorderLayout.Region" ext:member="minSize" href="output/Ext.layout.BorderLayout.Region.html#minSize">minSize</a> and <a ext:cls="Ext.layout.BorderLayout.Region" ext:member="maxSize" href="output/Ext.layout.BorderLayout.Region.html#maxSize">maxSize</a> for the region. </div>
</div>
</td>
<td class="msource">BorderLayout.Region</td>
</tr>
</table> <a id="Ext.layout.BorderLayout.Region-props"></a> <h2>Public Properties</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Property</th> <th class="msource-header">Defined By</th> </tr> <tr class="property-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.layout.BorderLayout.Region-isCollapsed"></a>
<b>isCollapsed</b> : Boolean <div class="mdesc">
True if this region is collapsed. Read-only. </div>
</td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -