前端基於jquery的UI框架

正在做的乙個專案選擇jquery作為前端js核心庫。然後就想選乙個基於jquery的ui庫，然後悲催的事情發生了。

至於為什麼使用jquery，一是因為不想為授權費用，而又不想引起可能法律糾紛；另一方面jquery也是所有最容易上手和流行的js庫。

如果ext要用於商用就要付版權費，這個不行

dojo的文件實在是無語，雖然dojo很強大，但是入門門檻太高，學習曲線陡峭

至於其它的ui庫組內也沒人用過

於是就選了jquery

接下來找了幾個基於jquery實現的ui庫，大部分都是收費的，最終確定下來從easyui(後來聽說easyui的授權許可與ext類似) ligerui和官方ui裡面選乙個

jquery ui的樣式很難看，所以這次決定換乙個別的ui庫試試

easyui的layout巢狀有問題，怎麼也解決不了，於是就決定使用ligerui。

ligerui的layout巢狀也有問題，不過我想了個辦法繞過去了，會損失一些效能。

但是真正悲催的事情來了。

layout各個區域我試過了很多辦法都加不上滾動條，center區域的div一通到底，有一部分跟bottom重疊了。grid的得到選擇的資料行、新增資料等操作都不好使。而且各個元件提供的api與文件描述出入巨大，開放的api也不夠豐富，方法和事件太少。

總之相當不好用，使用它就是噩夢。

最後終於在專案還沒有進行太久的時候找機會重新使用jqueryui重構。

雖然jqueryui的樣式太難看，但是它還是很好控制的，方法和事件也很豐富。樣式難看可以找美工修改這不是大問題。

至於jqueryui沒有的那些元件主要是tree、grid、layout、form、menu，前三個都在網上找到了專門的外掛程式，後面兩個準備自己實現。

tree推薦使用ztree，中國人自己開發的，網上評價很好，更新也很快。缺點是每次更新，api變化都挺大，一般不敢在專案中公升級，否則恐怕要在用到ztree的地方改好多東西。

grid推薦使用jqgrid，大版本號已經公升到4，搜尋jquery grid、jquery datagrid排名第一，功能豐富，提供普通的datagrid treegrid和分組grid，還有分頁條功能。

layout推薦使用jquery.layout。模仿ext的borderlayout實現，但是有很多差異。支援巢狀。樣式比較難看，不過修改比較容易。

當時想圖省事結果給自己找了**煩。

專案正在進入開發階段之前，技術選型一定要做好，不能因為工期緊、壓力大就草率為之。採用某個第三方元件之前必須關注下它的使用者都有哪些、文件豐富不豐富、授權協議、網上的評價如何。最後還要自己實現一些demo測試一下。否則可能會在開發過程中導致嚴重後果。

教訓啊。