布局容器
表单布局是业务表单设计开发当中占比最大、同时也是最耗时的开发工作。表单设计从结构上体现为表单内容的分页与分组展示,同时在成员响应式布局上,市面上常见的有栅格布局,flex布局等。iBiz表单工具针对表单设计过程进行模型抽象形成布局容器模型,满足一定复杂度的表单布局建模工作。
工具中提供以下4种表单布局容器:
特性
Flex与栅格布局
表单工具中支持对容器基于Flex及栅格式布局进行建模
容器自布局与子内容布局
布局容器可对自身在父容器中布局模式进行建模。同时也能够对其下子成员的布局进行统一建模,其优先级低于子成员自身的布局建模
容器嵌套
除表单分页此类表单顶级布局容器外,容器可进行嵌套建模
容器动态呈现效果
根据表单数据内容进行动态显示与隐藏效果,详见动态控制配置
场景示例
- 表单布局中同时进行Flex以及栅格布局混用,以达成最优呈现效果
- 容器内容布局快速对其子项成员统一建模,常见于栅格布局的表单项等分以及flex的横纵轴布局,同时子项进行自身栅格占位建模获得更高优先级,灵活高效进行表单布局设计
- 布局容器通过嵌套的形式进行更复杂细腻的表单布局呈现模式,例如在分页当中嵌入分组面板,同时在分组面板当中嵌入以子级分页显示的分页面板,达成富含业务结构层级的表单设计
- 表单数据变化动态联动布局区域的显示与隐藏效果,满足在表单中同时呈现不同业务逻辑下表单容器级整体的区分显示效果