排序添加动态箭头

1.1 预期效果

点击标题可以动态排序的情况下，如果想要在标题上设置「箭头」以体现当前是哪一列排序，是升序还是降序。该如何实现呢？预期效果如下：

1.2 实现思路

利用「条件属性」结合「HTML标签」来实现。

2.1 准备模板

示例使用文档多列动态排序中已经制作好的模板进行讲解。

打开模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\GroupReport\多列动态排序示例二.cpt

2.2 添加条件属性

需要给标题所在的每个单元格均添加三个条件属性，分别重命名为「无序」、「升序」和「降序」，属性选择「新值」，值选择「公式 F(x)」，公式条件选择「公式」，输入公式具体如下：

注：添加时可同时选中 A2~D2 单元格，设置完后再分别修改即可。

1）无序

2）升序

3）降序

步骤如下图所示：

2.3 设置单元格用 HTML 显示内容

选中 A2~D2 单元格，设置「单元格属性>其他>显示内容」为「用 HTML 显示内容」。如下图所示：

2.4 效果预览

2.4.1 PC 端

保存报表，点击「分页预览」，效果与 1.1 节预期效果一致。

2.4.2 移动端

App 端和 HTML5 端均支持，效果如下图所示：

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\多列排序添加动态箭头.cpt

点击下载模板：多列排序添加动态箭头 .cpt