反馈已提交

网络繁忙

扩展后排序

  • 文档创建者:lu123
  • 编辑次数:37次
  • 最近更新:Catqiu 于 2022-07-28
  • 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样式。如下图所示:

    8.png

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

    9.png

    3.2 设置排序

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

    10.png

    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,将其数据设置从分组改为列表」。如下图所示:

    14.png

    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


    附件列表


    主题: 报表专题
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭