巧用tab组件实现APP的布局效果 FineReport大数据
FineReport巧用tab组件实现APP的布局效果
1. 版本说明
|
iOS/Android支持版本 |
jar包版本 |
|
8.4及往后版本 |
2017年4月1日 |
2. 描述
tab布局能避免多层次钻取与返回，可以在一个报表内部进行切换，钻取层数如果过多的话，看报表的人的操作体验就会下降很多，这时就可以选用tab组件。
3. 实际效果
新建一张表单，首先在表单中拖入tab组件，然后在第一层级的tab组件中再添加新一层的tab组件，并在第二层tab组件中添加报表块组件，通过表单组件的参数联动，即可实现不同tab系列下不同维度的数据分析。
报表样式设计如下：
我们以行业榜单中的手机行业举例来说明组件间的参数联动，其他tab页的设置方法相同。
新建一个内置数据集手机，其中时间段包含月度、季度和年度。
拖入两个报表块，左侧的为report0，右侧的是report1，左边的报表块(report0)界面设置如下：
右击A1单元格，点击超级链接，进入超级链接窗口，点击“+”号，添加当前表单对象，表单对象为report1，参数a的值为月度，表示当参数为月度的时候，report1中的数据为月度的数据，再添加一个当前表单对象，表单对象为report0，参数line的值为1，表示line的值为1的，report0进行刷新。
A2单元格超级链接中的参数a为季度，line的值为2。
A3单元格超级链接中的参数a月年度，line的值为3。
其他设置均与A1单元格的超级链接设置相同。
右击A1单元格，点击条件属性，弹出条件属性对话框，公式为$line = 1时，背景色为蓝色，字体色为白色，如下图所示：
A2单元格的条件属性为$line = 2 时，背景色为蓝色，字体色为白色。
A3单元格的条件属性为$line = 3 时，背景色为蓝色，字体色为白色。
右边的报表块(report1)界面设置如下：
B2单元格设置了过滤，显示参数a的值时的数据，如下图：
A2单元格中的=seq()为序号公式，根据B2排序，所以A2单元格的左父格为B2。
并且A2单元格设置了条件属性，是为了实现隔行换色，如下图所示：
至此，第一个tab页就设置完成，其他tab页与上述步骤相似，就不一一赘述了。
这时，可以看到在同一个界面中可以切换多个布局，减少了层层钻取的烦恼。
点击预览后，可以看到描述中的效果。
注：在表单body中移动端属性手机重布局的勾选要去掉。
注：在app中适用需要点击模板>移动端属性，选择HTML5解析。