简述
用于将页面分割成不同的区域,并且可以由使用人员调整分割栏的位置。页面的风格即可以支持横向的分割也支持纵向分割。如下图:
图表 54
使用
JSP中加入代码:
<d:SplitPanel id="sp1" orientation="vertical" position="200px" width="100%" height="100%" showButtons="true"> |
将其它组件放入<d:/Splitter />的两侧即可。如:
<d:SplitPanel id="spiltpanel1" orientation="horizontal" position="50%" width="100%" height="100%" showButtons="false"> |
上例使用SplitPanel将页面分割为左右两个区域,每个区域占50%的宽度,并在每一个区域中加入一个DataTable对象。页面效果如下:
图表 55
主要属性说明
属性 |
说明 |
draggable |
分割栏是否允许拖动 |
orientation |
分割类型 |
padding |
风格区域边框的间隔宽度 |
position |
分割栏在分割区域的初始位置 |
showButtons |
是否显示快捷按钮(分割栏中间的小三角星按钮),用于展开和收缩一个分割区域 |
Attachments:
worddav00847a2ce865d24d3a8f45afad33cf5c.png (image/png)