完成了AJAX樹附原理分析

首先要糾正一個上篇博文《Rails中的Ajax初體驗》中的一個錯誤：上篇博文中，我說“要在Rails中使用Ajax，局部模板是必須的”，經實踐檢驗，是錯誤的，特此更正。實踐是檢驗真理的唯一標準，此言不虛。經過項目中真正通過RJS實現AJAX樹，可知，通過使用insert_html、replace_html等輔助方法，可直接操作頁面上的元素，無須使用局部模板。
整個的實現過程還是有點曲折：

之前使用的產生樹結構的頁面，是利用從伺服器擷取的所有資料，通過一系列javascript指令碼函數，一次性地產生整個樹結構目錄。這種方式對付系統的功能菜單還遊刃有餘，但是要產生包含上千條資料的樹結構時，用戶端的瀏覽器需要十幾秒鐘才能把整個樹結構建立起來、顯示在頁面上，這對於使用者來說是不可忍受的——其實對於我們開發人員來說，也是不可忍受的。那麼一個可行的辦法就是，利用AJAX技術，先顯示樹結構的第一級節點，當點擊某個節點時，再從伺服器擷取該節點的子節點，顯示出來。這樣，每次與伺服器互動的資料量不大，加快了頁面響應。

一開始我打算利用RAILS中的AJAX機制，配合使用之前那個版本中的javascript函數。但是那個版本的思路，是基於從伺服器擷取的樹結構資料，通過迴圈、遞迴，在伺服器端產生好要在用戶端頁面執行的一系列javascript函數調用，以產生樹結構。至此，還算是比較符合AJAX的思路，但是下一步就大相徑庭了：舊版本的是將產生的那一大串javascript函數調用的字串，一次性地完全返回給用戶端頁面，用戶端頁面在載入前，已經獲得了這一大串字串，只需簡單地把它載入，就一次性的執行它、產生樹結構了。這種方式，等於沒有給AJAX留下插足的任何機會。

此路不通，於是我轉而尋找網上別人做的AJAX樹，試圖將其移植過來，為我所用。之前就找到過一個.NET版的，用C#寫的，還沒仔細看過。於是開啟VS2005，建好了ASPX工程，研究了一下這個.NET版的AJAX樹。這個版本內建了一個ACCESS資料庫，裡面有一些示範資料。把IIS架起來後，運行得還真挺順暢。這個AJAX樹的功能做得還挺強，可以實現在頁面上對樹節點的添加、刪除、編輯、拖拽移動操作。代碼也比較清晰：一個htm頁面和一個aspx頁面，其中aspx頁面中定義了一些伺服器端函數，組織出相應的要返回給htm頁面的html程式碼片段。然而，要把這個移植過來也不容易，首先是對其產生html程式碼片段的思路不熟悉，不好控制，另外一點，它是通過response.write返回所產生的html程式碼片段，與RJS中直接指定頁面元素進行控制的思路又不一樣。

也是由於通過對以上兩種方式的探索，使得我對做AJAX樹的思路更加清晰的原因吧，我最終決定還是自己動手，完全自己做一個RAILS下的出來吧。儘管最終從核心內容到細節控制，總算是把這棵樹給搗騰出來了，但中間遇到幾個問題，有的不知道是否RAILS本身就不支援，還有的明明書上、別人都行得通，但我這就是不行。不知個中緣由，列在這裡，若有人能夠解答，還望不吝賜教！謝過先！

問題一：用RJS的insert_html輔助方法，無法在一個table最後添加一行（即<tr>），即使寫一個簡單的測試程式也不行。最後，我是用div和span做容器，向其中添加table來解決的，即樹的每個節點都用一個只有一行的table來裝載。

問題二：在使用RJS時，在“render :update”程式碼片段，只能是單純的一句調用輔助方法的語句，其它的，無論是加點if判斷，還是再使用另外一個輔助方法，代碼全都失效。本想先用insert_html添加元素，再用call調用javascript函數之類，完全行不通，最終是預先在要插入元素的地方放置一個空的容器，然後換用replace_html，將容器中的空內容“換”成返回的html程式碼片段，也達到了添加頁面元素的效果。

問題三：這個是最為奇怪的問題了。當我組合待返回的html元素的代碼時，由於該元素還要繼續帶有AJAX連結，故本想用“#{}”將Ruby代碼嵌入——這種方法理論上講是可行的，可我在實際操作中，記得好像只成功了一兩次，基本上都實現不了AJAX效果（實際上是沒效果）。無奈之下，我根據頁面初始顯示的第一級樹節點，查看了頁面代碼，看到了產生的AJAX代碼，再依照它的樣子，替換掉我本來想用Ruby代碼的部分——也就是說，我最終不是用嵌入的Ruby代碼，而是直接寫出將要產生的AJAX代碼——這樣的代碼是多麼的醜陋啊！

不過，整個過程下來，還是略有一些可以總結的東西：

總結一：由於樹節點中要顯示的文本中，有的會有加號“+”，而恰巧該文本還是要向伺服器發送的參數，這種情況下，在組合要返回的html程式碼片段時，加號會被當作連接字串的操作，那麼在必要的地方，則把加號替換成其它不會被誤解的符號，如底線“_”，而在傳給資料庫做查詢用時，再替換回來。Ruby中將字串中的模式替換成指定內容的函數是gsub，如：str.gsub("+","_")，就是把str中的加號替換成底線。該函數的第一個參數也可以是Regex。

總結二：對於頁面上要顯示的每一個樹節點，都用一個只有一行的table來控制，這樣做有一個好處，就是每個節點都可以獨立地控制顯示位置，而不用考慮colspan屬性，只需在前面添加指定個數的td即可，具體做法見“總結三”。

總結三（控制樹節點的顯示層級位置的方法）：點擊樹節點，向伺服器發送該節點的ID，從而擷取該節點的子節點。與此同時，還要返回一個本節點的層級（頁面初始顯示的第一級節點的層級為0）。在產生子節點的html程式碼片段時，得到父節點的層級，加上1，即為子節點的層級。根據層級數做迴圈，向包含子節點內容的table中添加相應個數的td。在所添加的td中，填入若干空格（ ）（數量自定，一般2~3個為宜），但是空格只有與td配合使用效果才好，否則容易錯位。或者事先用windows的畫圖工具做一個白色小方塊的bmp檔案（方塊大小根據已有的在樹的節點前面表示展開、收攏節點的圖片設定），然後在td中嵌入這個小方塊圖片也行。如某個二級節點，其html程式碼片段為：<table><tr><td> </td><td>二級節點</td></tr></table>。