历史版本2 :[通用]巧用Tab组件实现App的布局效果 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

Tab布局是8.0版本中新增的一个表单组件,每一个tab选项卡下对应的是一个自适应布局,现在在移动端也可以使用tab组件了。
tab布局能避免多层次钻取与返回,可以在一个报表内部进行切换,钻取层数如果过多的话,看报表的人的操作体验就会下降很多,这时就可以选用tab组件。

2. 实际效果编辑

新建一张表单,首先在表单中拖入tab组件,然后在第一层级的tab组件中再添加新一层的tab组件,并在第二层tab组件中添加报表块组件,通过表单组件的参数联动,即可实现不同tab系列下不同维度的数据分析。
报表样式设计如下:
222
可以看到在同一个界面中可以切换多个布局,减少了层层钻取的烦恼。
点击预览后,可以看到如下的效果。
222
注:在表单body中移动端属性手机重布局的勾选要去掉。
注:在app中适用需要点击模板>移动端属性,选择HTML5解析,详细可查看表单支持html5方式解析
实际效果和模板可参考巧用tab布局