小攻城師的戰場筆記

昨天把一個 TreePanel 改成 TreeGrid 後，測試過大部分的程式碼都不需要修改，只要在 TreeGrid 本身的設定增加欄位在樹上直接新增、刪除、修改節點的功能做好了，可是發生一件相當尷尬的事：拖曳最底層的葉節點 (leaf node)，原本可以排序，竟然不能用了！
原本懷疑是 TreeGrid 閹割了部分 TreePanel 的功能，但在 Google 改了好幾組關鍵字查解決辦法，沒什麼人碰到這個問題，所以我想應該不是什麼特別奇巧的 bug。認份的把 ExtJS 3.3.1 版原始檔裡的範例資料夾 (\examples) 裡面的 tree 與 grid 的範例通通打開來，挑出可以拖動節點的範例來比較。
觀察的過程發現 tree\two-trees.html 這個範例也不能調整排序，但 tree\reorder.html 這個範例就可以調排序。兩相比較之下，發現 two-trees 增加了拖放的設定值。

同時在 Chrome / Firefox / IE 開啟樹狀目錄，想不到只有 IE 沒辦法顯示 TreePanel 的節點。在網路上搜尋一下找到兩個辦法，最後我又發現加上昨天的 requestMethod 也有效，一併筆記。

解決方法一：《ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法》
這裡的作法是用 AJAX 取得值，再把值餵給 TreePanel。

今天下午 ExtJS 官網掛掉了，只好在本機看之前下載下來的說明文件。ExtJS 下載時，該壓縮檔內含說明文件、範例、library，要在 IIS 上執行才能夠看完整的內容，光是安裝 PHP 就不小心走錯路、花了很多時間，後來才發現先安裝 FastCGI、再安裝 PHP 5.3.3 就可以了。
但看著看著，又發現一個問題：在瀏覽 ext-3.2.1\examples\tree\xml-tree-loader.html 這個範例時，這個範例所讀取的 XML 竟然會拋出 405 Method Not Allowed。
不過是開啟一支 XML ，為什麼會發生這種問題？搜尋過程中看到這個討論串：《請教POST時，產生的405錯誤》，所描述的問題和我今天遇到的狀況接近。我的理解是，可能因為這支範例所送出的 HTTP Request 不符合 IIS 的要求，所以才會出現這樣的錯誤。
搜尋了一陣子看到了解法：《ExtJs 3.1 XmlTreeLoader Example Error》。修正的關鍵，在於要加上取值的方法：requestMethod: 'GET'。以此例而言就是加在讀取 XML 的物件中。