[JavaScript]使用jQuery定製開發自己的UI

雖然jQuery UI已經為了我們提供了強大的UI外掛程式，但是在某些情況下Query UI並一定適用你的項目，因為jQuery本身是面對福士的使用者。所以它必須考慮各種瀏覽器的相容性以及福士的使用者習慣。

這次重新寫自己的UI，一方面是因為team要求正常化和簡單化編程模式；再者已有的UI是純JS編碼或者採用了JQuery UI的外掛程式;其三熟悉一個JavaScript Object和jQuery的擴充功能。由於Calendar和AutoCompleted使用的次數最多；所以我首先重新編寫了這兩個UI。

整個開發過程並不複雜，但有些時候，還是會碰到許多奇怪的問題，回顧這幾天的開發曆程，列出下列需要注意的地方：

1. 每一個外掛程式都應該是Singleton模式；你需要特別注意根據哪一個頁面的元素來生產對應的UI。這個我也是在後期同一個頁面上建立多個UI時候發現的問題。
   
2. 如果你需要傳遞參數，請注意你建立第一個新的執行個體時，新的參數不要覆蓋之前執行個體的參數。這點其實和第一點是相同的。
   
3. Calendar和Auto-Completed都是需要動態建立一個DIV容器，請放置一個iframe在該容器中。這點做過web開發的都知道；iframe是用來遮擋下拉框和Flash的。
   
4. 對於Auto-Completed，需要提前根據資料量設定容器和iframe的高度；值後才填充資料；而且為了提高效能，請設定一個延時，然後採取觸發AJAX代碼的執行（去後台擷取資料）。
   
5. 對於Auto-Completed，添加了鍵盤（UP、DOWN和ENTER建）的支援；這三個鍵所對應的時間，可以根據實際情況確定是否添加延遲參數。
   

後續看精力和時間，確定是否重寫Event Calendar…