分隔面板控件 | 参数 | 说明 |
---|---|---|
id | 定义分隔面板容器的id,本例中id="mySplitPanel" | |
style | 定义分隔面板容器的样式,本例中style="height:200px;background-color:#8CDCFF;" | |
tagClass | 定义分隔面板容器样式类,可以添加一个或多个,本例中tagClass="myClass",其中: .myClass{ border:1px solid red; background-color:yellow; } |
|
hidden | 定义分隔面板容器是否显示,本例中hidden=true | |
split | 是否增加分隔条,本例中split=false | |
splitClass | 定义分隔条的样式,本例中splitClass="mySplitClass",其中: .mySplitClass{ border-color: blue; } |
|
splitWidth | 分隔条的宽度,本例中splitWidth="3px" | |
leftWidth | 分隔面板左侧区域的宽度,整数类型,单位为百分比,本例中leftWidth=40 | |
rightWidth | 分隔面板右侧区域的宽度,整数类型,单位为百分比,本例中rightWidth=60 | |
shrink | 分隔条是否可以收缩,如果shrink为true,则会出现向左收缩的图标,本例中:shrink=false | |
draggable | 分隔条是否可以拖动,本例中:draggable=false |