为什么选择MiniUI?
首页>文档中心>开发教程>布局控件

Splitter:折叠布局器



参考示例Splitter:折叠布局器


横向Splitter

<div class="mini-splitter" style="width:350px;height:200px;">
    <div size="30%" showCollapseButton="true">
        1
    </div>
    <div showCollapseButton="true">
        2
    </div>        
</div>

竖向Splitter

<div class="mini-splitter" vertical="true" style="width:350px;height:200px;">
    <div size="30%" showCollapseButton="true">
        1
    </div>
    <div showCollapseButton="true">
        2
    </div>        
</div>

Splitter 面板对象,属性如下:

NameTypeDescriptionDefault
minSize Number 最小尺寸 80
maxSize Number 最大尺寸 3000
size Number/String 尺寸
showCollapseButton Boolean 是否显示折叠图标
cls String 面板样式类
style String 面板样式
visible Boolean 是否显示
expanded Boolean 是否折叠