不用JavaScript實現列表排序（利用切入實現）

實現示範的視頻已經發到論壇中http://www.cognoschina.net/club/thread-10286-1-1.html

第一次參加報表比賽時用JavaScript實現列表數值欄位的排序，雖然這個很實用，但是JavaScript對不同核心的瀏覽器支援程度不一樣，而且一般做報表的開發人員可能對JavaScript都不是很熟悉，所以雖然我認為我寫的已經很詳細了，但是還是有好多網友在使用的過程中遇到很多問題，問我應該怎麼調試JavaScript，然而JavaScript卻不是三言兩語能偶說清楚的。後來我突然想到是不是可以利用追溯來實現排序呢？我試了一下午，終於有所成。後來我就因為其他事耽擱了個把月，今天利用周末整理一下。發給大夥

排序實現的思路這裡就不提了，可以參考我前兩天發的博文

用基於自身的追溯來實現排序，即：報表的切入對象還是它自己，在切入過程中將參數改變，實現排序。

以前兩天發的任意欄位列表排序例。開啟排序的列表如所示

 

為了能夠在追溯中改變參數，所以必須多建立幾個資料項目，我們先需要的資料項目有5個，升序、降序（UP、DOWN）以及三個需要排序的列（A、B、C）。如所示：

 

資料項目運算式就是參數所要接收的值。UP資料項目的表示為’UP’。

接下來為列頭增加排序顯示的圖片，先點擊解鎖，並將映像組件放到“年份”列頭中，如所示：

 

點擊圖片，在屬性欄中的來源類型改為“報表運算式”，並將運算式的內容設定為

IF ( ParamValue('sorttype') = 'UP' )

THEN

    ('http://127.0.0.1:9300/p2pd/pat/images/sortState_ascending.gif' )

ELSE

    ('http://127.0.0.1:9300/p2pd/pat/images/sortState_descending.gif' )

該運算式根據傳遞的參數動態顯示圖片。

接下來為年份建立追溯定義，為了便於理解，我們將名稱定義為UP，將目標報表選中自身

 

點擊編輯設定傳遞的參數

 

將方法選擇為“傳遞資料項目值”，並未參數設定相應的值，點擊確定

我們在複製一下年份，並該其追溯名稱為DOWN，將sorttype傳遞的資料項目值改為DOWN

 

這時運行報表，看到年份列有兩個年份，點擊前一個會按照年份進行升序排列，點後面一個會按照降序排列。

為了避免這種現象，我們需要用條件樣式來控制顯示。

切到條件資源管理員中，建立一個布爾值變數IsUP，運算式設定為

ParamValue('sorttype') = 'UP'

將兩個年份的樣式變數都設定為IsUP，並將前一個年份為“是”時不顯示（方框類型設定為空白），後一個年份為“否”時不顯示。

再次運行報表就只有一個年份，點擊就會進行排序，並且圖片提示當前是升序還是降序

 

再次進入條件資源管理員，建立一個字串變數sortColumn，運算式為:

ParamValue('sortcolumn')

並設定3個值A、B、C

 

選中圖片，並將sortColumn設為樣式變數，根據參數的值判斷圖片是否顯示。以年份為例，隨對應的參數值為A，所以需要經B、C、其他所對應的方框類型設定為空白。

此時一個欄位的排序就已經完成了，我們將這三個對象複製一下啊，分別粘貼到後面幾列中，然後分別設定追溯傳遞的值和相應的樣式就可以了。

最終效果如所示