分割容器

栏目:云苍穹知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:1

分割容器

| 产品版本 | 更新内容 | 更新日期 | | --- | --- | --- | | 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 | 完善了分割容器功能,支持二开配置用户拖拽记忆能力,...
点击下载文档
上一篇:向导控件下一篇:页签控件
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息