1. 概述
1.1 預期效果
點選標題可以動態排序的情況下，如果想要在標題上設定「箭頭」以體現當前是哪一欄排序，是升冪還是降冪。該如何實現呢？預期效果如下：
1.2 實現思路
利用「條件屬性」結合「HTML標籤」來實現。
2. 範例
2.1 準備範本
範例使用文檔多欄動態排序中已經製作好的範本進行講解。
開啟範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\GroupReport\多欄動態排序範例二.cpt
2.2 新增條件屬性
需要給標題所在的每個儲存格均新增三個條件屬性，分別重新命名為「無序」、「升冪」和「降冪」，屬性選擇「新值」，值選擇「公式 F(x)」，公式條件選擇「公式」，輸入公式具體如下：
注：新增時可同時選中 A2~D2 儲存格，設定完後再分別修改即可。
1）無序
| 儲存格 | 新值公式 | 公式條件 |
|---|---|---|
| A2 | "<font color='gray'>↑↓ </font>" + $$$ | $asc<>"A3" |
| B2 | $asc<>"B3" | |
| C2 | $asc<>"C3" | |
| D2 | $asc<>"D3" |
2）升冪
| 儲存格 | 新值公式 | 公式條件 |
|---|---|---|
| A2 | "↑<font color='gray'>↓ </font>" + $$$ | $asc="A3"&&$a=1 |
| B2 | $asc="B3"&&$a=1 | |
| C2 | $asc="C3"&&$a=1 | |
| D2 | $asc="D3"&&$a=1 |
3）降冪
| 儲存格 | 新值公式 | 公式條件 |
|---|---|---|
| A2 | "<font color='gray'>↑</font>↓ " + $$$ | $asc="A3"&&$a<>1 |
| B2 | $asc="B3"&&$a<>1 | |
| C2 | $asc="C3"&&$a<>1 | |
| D2 | $asc="D3"&&$a<>1 |
步驟如下圖所示：
2.3 設定儲存格用 HTML 顯示內容
選中 A2~D2 儲存格，設定「儲存格屬性>其他>顯示內容」為「用 HTML 顯示內容」。如下圖所示：
2.4 效果預覽
2.4.1 PC 端
儲存報表，點選「分頁預覽」，效果與 1.1 節預期效果一致。
2.4.2 行動端
App 端和 HTML5 端均支援，效果如下圖所示：
3. 範本下載
已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\多欄排序新增動態箭頭.cpt
點選下載範本：多欄排序添加動態箭頭.cpt
