排序添加動態箭頭

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