zoukankan      html  css  js  c++  java
  • 在表格中添加行列折叠和展开效果

    在使用Wyn Enterprise 设计报表时,有一类表格式的报表,可能需要在不同层次的分类下统计数据。当明细分类数量较多时,可能影响大类统计数据的对比分析。为此可能需要允许在查看报表内容时,以树形结构展开或折叠明细分类,如下图:

    表格前两列是两级分类,大类是【大区】,明细分类是【省份】。
    为了对比各个大区的统计数字,可能需要收起各个省份的那些数据行,只显示大区的合计行。这时就可以通过点击大区单元格左上角的加减号,切换明细行的显示与否。
    最适合设计这种表格的是矩表元素,实现折叠展开的方法有两种:使用矩表向导;或者,使用选项设置。

    (一)使用矩表向导实现折叠展开
    (1)拖放一个矩表元素,绑定数据集
    将【销售大区】和【销售省份】拖到【行分组】,【支付方式】字段拖到【列分组】,将【订单金额】字段拖到【数值】:



    (2)勾选【显示行小计】


    (3)点击【结构】,勾选【展开/折叠分组】

    这样设置之后的矩表元素如下图:

    经过上面简单的几步操作,预览就能看到多级分类的展开折叠效果了。 



    (二)使用选项设置实现折叠展开
    以下介绍的通过选项设置实现折叠展开效果的过程,实际上是上面介绍的先导式操作的等效设置,只是上面的向导是自动完成的。

    (1)拖放一个矩表元素,绑定数据集

    将【销售大区】和【销售省份】拖到【行分组】,【支付方式】字段拖到【列分组】,将【订单金额】字段拖到【数值】:


    (2)添加分类合计行
    右键点击第二列的分组单元格,即【销售省份】单元格,选择 汇总操作 - 在分组后显示分组:

    矩表变成:


    (3)设置切换元素
    所谓切换元素,就是控制折叠展开的那个加减号图标所在的单元格,在本例中,就是第一列的那个【销售大区】单元格。
    因为切换的对象是省份,因此是在第二列的【销售省份】单元格上进行设置。

    因为我们希望切换的是是否显示省份这个分组的整行,而不是省份这个单元格本身,因此,请注意在选中【销售省份】这个单元格之后,一定要在右侧的选项面板中选择【分组】,而不是默认的【文本框】,然后,设置【切换元素】为【销售大区】那个单元格的元素名,即图中的txtArea。
    销售大区那个单元格的元素名本来是 文本框2 这样的形式,为了便于选择,特意将元素名改成了txtArea:


    (4)设置初始切换状态
    设置切换元素之后,预览报表时已经可以看到加减号的图标了,但是默认状态下会显示加号,但是明细分组的省份却是显示的状态,如下图:

    点击加号,使之变成减号时,省份又被折叠起来,看起来是个矛盾的状态。为此还需要设置一个切换元素的初始切换状态。
    选中首列的【销售大区】单元格,找到【初始切换状态】,将默认的【折叠】设为【展开】即可,如下图:

    再次预览时,销售大区单元格中就会显示一个减号图标了,如下图:

  • 相关阅读:
    javascript中的this指向
    面向对象和面向过程、对象、类、实例
    javascript
    实例011:养兔子
    day13匿名函数
    实例010:给人看的时间
    python基础学习day12 生成器与推导式
    实例009:暂停一秒输出
    python基础学习day11函数的进阶
    第一部分:趣味算法入门;第八题:冒泡排序(并与选择排序对比)
  • 原文地址:https://www.cnblogs.com/edoo/p/13900506.html
Copyright © 2011-2022 走看看