mini.Layout

布局管理器。

Extend

mini.Control

Usage

<div id="layout1" class="mini-layout" style="width:600px;height:400px;">
    <div title="north" region="north" height="80" >
        north
    </div>
    <div title="south" region="south" showSplit="false" showHeader="true" height="80"  >
        south
    </div>
    <div title="west" region="west" width="200" >
        west
    </div>
    <div title="east" region="east"  showCloseButton="true" >
        east
    </div>
    <div title="center" region="center" >
        center
    </div>
</div>

Screenshots

Examples

Layout

Properties

NameTypeDescriptionDefault Set? Get? Tag?
splitSize Number 分割条尺寸 6

Methods

NameParameterDescriptionReturn
setRegions ( Array ) 设置Regoin对象数组
addRegion ( Object [, index] ) Object:Regoin对象。
index:Number。索引号。
增加region。
removeRegion ( String ) 删除region面板。
updateRegion ( String, options ) 更新region面板
expandRegion ( String ) 展开regoin对象。
collapseRegion ( String ) 收缩regoin对象。
showRegion ( String ) 显示regoin对象。
hideRegion ( String ) 隐藏regoin对象。
isExpandRegion ( String ) 是否展开region。
isVisibleRegion ( String ) 是否显示region。
getRegion ( String ) north/south/west/east/center 获取Regoin对象。
getRegionBodyEl ( String ) 获取region面板对象内容区DOM元素

Events

NameEventObjectDescription
beforecollapse
e : {
    sender: Object, 
    region: Object,
    cancel: false
}
折叠面板前发生
beforeexpand
e : {
    sender: Object, 
    region: Object,
    cancel: false
}
展开面板前发生
collapse
e : {
    sender: Object, 
    region: Object
}
折叠面板时发生
expand
e : {
    sender: Object, 
    region: Object
}
展开面板时发生

Region Object

Layout 面板对象,属性如下:

NameTypeDescriptionDefault
region String 面板名称
title String 标题文本
iconCls String 标题图标样式类
iconStyle String 标题图标样式
cls String 样式类
style String 样式
headerCls String 头部样式类
headerStyle String 头部样式
bodyCls String 内容区样式类
bodyStyle String 内容区样式
visible Boolean 是否显示 true
expanded Boolean 是否展开 true
showCollapseButton Boolean 是否显示折叠按钮 true
showCloseButton Boolean 是否显示关闭按钮 true
showSplit Boolean 是否显示分割条 true
showSplitIcon Boolean 是否显示分割条按钮 true
showHeader Boolean 是否显示头部 true
showProxy Boolean 是否折叠代理元素 true
showProxyText Boolean 是否折叠代理文本 false
allowResize Boolean 是否允许拖拽调节 true
splitSize Number 分隔条尺寸 6
width Number 宽度
height Number 高度
minWidth Number 最小宽度
minHeight Number 最小高度
maxWidth Number 最大宽度
maxHeight Number 最大高度