分割容器
| 产品版本 | 更新内容 | 更新日期 |
| --- | --- | --- |
| V6.0.3 | 完善了分割容器功能,支持二开配置用户拖拽记忆能力,提升用户体验 | 2023-12-12 |
# 1 功能介绍
当界面需要分为两个部分,且两个部分显示内容有主次之分时,可以使用分割容器展示。
# 2 控件对象
`kd.bos.form.control.SplitContainer`
# 3 视觉展示
* 两个分割容器嵌套
![image.webp](/download/0100322e49cee6e54a5e8929f3b8840d34d0.webp)
# 4 属性说明
## 4.1 通用属性
>通用属性包含字段和控件的一些公有的属性,如宽高,帮助文本等等。请参考[通用属性](https://vip.kingdee.com/article/215559076720798976)
## 4.2 样式属性
>样式属性是每个控件在设计器右侧样式栏可以设置的属性,请参考[样式属性](https://vip.kingdee.com/article/252017936767406336)
## 4.3 业务属性
| 属性名 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| 分割位置 | 宽高选择器 | - | 根据分割方向,设置分割容器上方容器高度、或者是左边容器宽度 |
| 分割方向 | 下拉 | 横向 | 设置分割容器的分割方向 |
| 子容器最小宽度 | 整数 | 65 | 设置子容器最小宽度,分割位置是百分比分割也受这个最小值限制,可设置值范围[5-容器可用宽度],分割方向为纵向才生效 |
| 子容器最小高度 | number | | 设置子容器最小高度,分割位置是百分比分割也受这个最小值限制,可设置值范围[5-容器可用高度],分割方向为横向才生效 |
| 支持记忆分割位置 | 布尔值 | false | saveSplitPosition,当saveSplitPosition为true 的时候,分割位置信息按用户进行存储 |
# 5 分割容器接口介绍
* 控件方法
| 方法名 | 参数 | 说明 |
| --- | --- | --- |
| changeFlexStatus | SplitDirection, status 方向,是否折叠 | 动态设置分割容器面板折叠,true折叠,false展开 |
| setSubContainerMinWidth | int 最小宽度值,单位是px | 设置子容器最小宽度值,单位px,分割方向为纵向才生效 |
| setSubContainerMinHeight | int 最小高度值,单位是px | 设置子容器最小高度值,单位px,分割方向为横向才生效 |
* 控制左面板折叠
```java
*// 插件控制左面板折叠*
SplitContainer splitc = this.getControl("控件标识");
splitc.changeFlexStatus(SplitDirection.left, true);*// 设置子分割容器面板最小宽度*
splitc.setSubContainerMinWidth(300);*// 设置子分割容器面板最小高度*
splitc.setSubContainerMinHeight(300);
```
分割容器
| 产品版本 | 更新内容 | 更新日期 || --- | --- | --- || V6.0.3 | 完善了分割容器功能,支持二开配置用户拖拽记忆能力,...
点击下载文档
本文2024-09-23 00:40:41发表“云苍穹知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-cangqiong-141020.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章