历史版本40 :扩展后排序 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本说明

报表服务器版本App版本
HTML5移动端展现插件功能变动
11.0.3--
  • 支持设置表头排序,点击表头可以动态排序

  • 支持设置多列排序,可以根据多个数据列组合排序

11.0.3.1V11.0.63V11.0.63勾选「允许用户点击排列顺序」,移动端支持点击表头排序

1.2 应用场景

用户希望单列或多列,通过点击表头,可以实现升序或降序的效果。例如在一张订单表格中,点击「运货费」数据列的表头,可以将「运货费」升序或降序排列。如下图所示:

注:在使用表头排序时,冻结列单元格排序按钮不跟随单元格移动。

1645520319704659.gif

1.3 功能简介

扩展后排序在单元格属性面板的扩展下设置。如下图所示:

1646274553812365.png

扩展后排序,可以实现以下效果:

  • 单列/多列通过点击表头,实现升序或降序。

  • 模板预览后,单列/多列按照之前设置的顺序排序。

  • 自定义排序。

若结果集筛选和扩展后排序同时使用时数据先进行进行筛选后再进行排序

2. 功能说明编辑

「扩展后排序」在制作报表过程中可以实现多种排序需求,是最灵活的排序方式,但由于在扩展完成后进行排序,会对所有格子的位置进行调整,因此性能最差,建议在 高级排序 无法实现的情况下再使用「扩展后排序」。

2.1 11.0.3 之前版本

注:支持普通报表和决策报表。

「扩展后排序」在「单元格属性>扩展>高级」中设置,设置在需要排序的左父格上,一般设置在「最父格」,例如 C1 单元格的左父格是 B1,B1 单元格的左父格是 A1,那么 A1 即为「最父格」。

如在 A1 单元格(最父格)中设置「扩展后排序>升序」,公式中输入 C1,则 A1 单元格会根据 C1 单元格的计算结果进行排序,如下图所示:

1646273774934234.png

11.0.3 之前版本,扩展后排序的使用方法请参见:历史版本

2.2 11.0.3 及之后版本

注1:需要保证最父格的数据设置是「列表」,否则扩展后排序将不生效。

注2:暂不支持 填报预览\数据分析预览 ,预览有效果,表头设置不生效;支持普通报表和决策报表。

「扩展后排序」设置界面如下图所示:

1646273937177029.png

  • 只添加「主要排列序」是实现单列排序,在添加了「主要排列序」后再添加「次要排列序」可以实现多列排序。

  • 未设置「表头区域」和「表头设置」,模板预览后,按照设置的排序规则进行排序;设置了「表头区域」和「表头设置」,模板预览后,可以实现动态排序。

  • 比如要设置 B 数据列的排序,建议在最父格或者 B 上设置扩展后排序;如果 B 是 C 的父格,在 C 上设置 B 的排序可能不生效。

  • 若在 A 数据列上设置 B 为主要排列序,C 为次要排列序,则按照 B 排序后,再按照 C 来排序,即实现 扩展后多列按先后排序 的效果。

具体设置项介绍如下表所示:

设置项介绍
排序区域

参与排序的内容。点击右侧按钮选中要进行排序的数据列。如下图所示

1646275864512597.png

排序依据

共有三项:

  • 单元格

  • 公式

  • 自定义序列

注:支持时间、日期、字符串、数字、布尔类型数据的排序

排序规则可选择升序、降序、不排序
表头区域

设置表头,设置方法与「排序区域」相同

表头不能设置为同一个,已设置的表头灰化无法再次选择

表头设置

勾选「允许用户点击排列顺序」,可设置动态排序时的排序规则:升序、降序、不排序;点击下图红框中图标,可设置升降序时图标的颜色

1646276703268551.png

3. 单列动态排序编辑

本章示例效果:单列排序,且可以点击表头动态排序。

注:若不想要动态排序的效果,可以忽略本章 3.3 节的操作。

3.1 设计报表

1)新建一张空白的普通报表,新建一个数据库查询数据集 ds1,SQL 语句为:SELECT * FROM 订单

2)将字段拖到对应单元格中。如下图所示:

1646286415940777.png

3)将两个日期字段所在单元格 C2 和 D2 的格式改为日期型,yyyy-MM-dd样式。如下图所示:

4)将 F2 单元格的格式改为数字,#0.00样式,也就是保留两位小数。如下图所示:

3.2 设置排序

1)选中最父格 A2,将其数据设置从分组改为列表」。如下图所示:

2)选中 A2 单元格,点击单元格属性面板扩展后排序功能的添加主要排列序。如下图所示:

11.png

3)将排序区域选择为「F2」单元格,排序依据设置为「单元格」,排序规则设置为「降序」。如下图所示:

这样报表预览时,所有数据默认是按照「运货费」字段进行降序排序的。

12.png

3.3 设置表头

设置表头区域为 F1 单元格,勾选「允许用户点击排列顺序」,排序依据保持默认勾选的三个即可。

这样预览时,点击运货费的表头时,可以弹出三个排序方式供用户选择,实现动态排序效果。如下图所示:

13.png

3.4 效果预览

3.4.1 PC端

保存报表,分页预览后的效果如 1.2 应用场景中所示。

3.4.2 移动端

点击表头图标进行排序。如下图所示:

2022-04-16_21-10-04.gif

4. 多列动态排序编辑

本节示例效果:C2(订购日期)为主要排列序,F2(运货费)为次要排列序,模板预览后的效果为:先按照「订购日期」排序,相同的「订购日期」再按照「运货费」排序。点击「订购日期」或「运货费」的表头,可单独降序升序展示数据列。

注:用户若不想要动态排序效果,可忽略本章 4.3 节内容。

4.1 设计报表

参考本文 3.1 节内容。

4.2 设置排序

1)选中最父格 A2,将其数据设置从分组改为列表」。如下图所示:

2)选中 A2 单元格,点击单元格属性面板扩展后排序功能的添加主要排列序。如下图所示:

15.png

3)选中 A2 单元格,添加主要排列序和次要排列序。如下图所示:

  • 主要排列序:排序区域为 C2 单元格,排序依据为单元格,排序规则为降序。

  • 次要排列序:排序区域为 F2 单元格,排序依据为单元格,排序规则为升序。

此步骤的作用为:使模板在预览时先按照「订购日期」排序,相同的「订购日期」再按照「运货费」排序。

16.png

4.3 设置表头

添加多个表头的方法:

  • 选中 A2 单元格,设置表头区域为 C1,勾选「允许用户点击排列顺序」。

  • 选择 F2 单元格,设置表头区域为 F1,勾选「允许用户点击排列顺序」。

以 F2 单元格为例,如下图所示:

19.png

4.4 效果预览

4.4.1 PC端

PC 端效果如下图所示:

2022-07-26_10-46-05.png

4.4.2 移动端

APP 与 HTML5 端效果相同,点击表头进行排序。如下图所示:

1f95d28e-cd34-44ca-bce4-3f1ab42f3e9d.jpg

点击效果动图如下图所示:

2022-04-16_21-05-37.gif

5. 模板下载编辑

已完成模板可参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\单列扩展后排序.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\多列动态扩展后排序.cpt

点击下载模板:

单列扩展后排序.cpt

多列动态扩展后排序.cpt