[]
        
立即下载
(Showing Draft Content)

布局容器

观看本节视频

在活字格中,使用布局容器可以帮助您快速构建页面。布局容器包括:自由布局容器、弹性布局容器和表单。

在容器中的单元格类型与在普通单元格中具有相同的功能。

布局容器

选择一个单元格或单元格区域,然后在单元格类型中选择自由布局或者弹性布局,双击或者拖拽布局容器至单元格区域中。

image

布局容器的常规设置

设置

说明

容器名称

设置布局容器的名称。

CSS类名

设置布局容器的CSS类名。

单元格权限

设置布局容器的单元格权限,包括:可用性、可见性、可编辑权限。具体可参见单元格权限

  • 可用性:如果布局容器不可用,则其中的所有子项目(包括子项目中的子项目等)都不可用;

  • 可见性:如果布局容器可见,则子项目是否可见取决于子项目自身的设置;

  • 可编辑:如果布局容器可编辑,则子项目是否可编辑取决于子项目自身的设置。

容器溢出模式

  • 溢出:布局容器会扩展直至能够完全显示所有项目。 

  • 滚动:布局容器中出现滚动条。

  • 剪切:布局超出容器的项目会被裁减,不显示出来。

禁用

设置是否禁用布局容器。勾选“禁用”后,布局容器中的所有子项目(包括子项目中的子项目等)都不可用,且文字颜色会变灰。

不可见

设置是否隐藏布局容器。勾选“不可见”后,布局容器将被隐藏,所有子项目(包括子项目中的子项目等)都会被隐藏。

只读

设置布局容器是否为只读。勾选“只读”后,布局容器中的所有子项目(包括子项目中的子项目等)都是只读的。

注释

布局容器单元格的注释,具体可参见单元格基本操作的“新建注释”。

调整容器大小

1. 选中布局容器,在功能菜单栏中选择“容器工具栏-设计->调整大小”。

image

或是选中布局容器,右击,在右键菜单中选择“调整大小”。

image

2. 单击“调整大小”后,布局容器将被蓝色的边界框包围,拖动蓝色边界框的四个控制点来调整大小和位置。

image

3. 单击“结束调整尺寸”或工作区的其他位置来结束调整。

结构树

当页面有布局容器时,就会显示结构树。如果页面中布局容器的结构比较复杂,用鼠标点击或拖拽的方式选择或操作会比较困难,可以使用结构树来选择或拖拽项目以修改容器的结构。

  • 在结构树中,会显示所有的布局容器及容器中项目的名称,单击项目的名称即可在页面中选中项目,这样您就可以编辑项目。

    image

  • 拖拽结构树中的项目可以更改项目的顺序。

  • 拖拽单元格类型到结构树中即可给容器中添加项目,还可以拖拽一个或多个项目,或使用组合键Ctrl+C键复制项目,到其他布局容器中。

  • 选择项目后,右击,或者单击项目后面的image,可以重命名、删除项目,或是查找所有的引用。

    image

type=note

说明:

  • 不支持将布局容器导出到Excel/PDF/HTML。

  • 不支持将表格添加到布局容器中。

  • 容器中项目的名称不能被其他页面的公式引用。

  • 循环命令中不支持选择布局容器单元格。

其他

  • 支持将一个布局容器中的项目拖拽到另一个布局容器中,移动后该项目的所有单元格类型的设置都会保留。

    但是无法将普通单元格类型拖拽到布局容器中。您可以使用“复制/剪切-粘贴”来将普通单元格移动至布局容器中。

  • 支持从对象管理器中拖动项目到布局容器中,比如页面、服务端命令、模板命令、流程、报表等,以快速创建一些项目。

    这个操作与从对象管理器拖拽项目到单元格中的操作相同。