Dorado 5 : 2.3.5.SplitPanel(分割栏) (RF2)

简述

用于将页面分割成不同的区域,并且可以由使用人员调整分割栏的位置。页面的风格即可以支持横向的分割也支持纵向分割。如下图:

图表 54

使用

JSP中加入代码:

<d:SplitPanel id="sp1" orientation="vertical" position="200px" width="100%" height="100%" showButtons="true">

<d:Splitter />

</d:SplitPanel>

将其它组件放入<d:/Splitter />的两侧即可。如:

<d:SplitPanel id="spiltpanel1" orientation="horizontal" position="50%" width="100%" height="100%" showButtons="false">
<d:DataTable id="table1"/>
<d:Splitter/>
<d:DataTable id="table2"/>
</d:SplitPanel>

上例使用SplitPanel将页面分割为左右两个区域,每个区域占50%的宽度,并在每一个区域中加入一个DataTable对象。页面效果如下:

图表 55

主要属性说明

属性

说明

draggable

分割栏是否允许拖动

orientation

分割类型
vertical:纵向分割
horizontal:横向分割

padding

风格区域边框的间隔宽度

position

分割栏在分割区域的初始位置

showButtons

是否显示快捷按钮(分割栏中间的小三角星按钮),用于展开和收缩一个分割区域