【jquery easyui demo 使用說明】

相信關(guān)注過jQuery UI 的大部分都查到過easyui，現(xiàn)在官網(wǎng)提供的最新版本是1.2.6，但是作者其實(shí)已經(jīng)開發(fā)出1.3版本，只是還沒有放出來，證據(jù)就是，到官網(wǎng)Documentation里面，瀏覽器文件另存一下，down下的有一個(gè)jQuery.easyui.min.js文件，打開看一下頁頭版本號已經(jīng)是1.3的了，但是1.3對應(yīng)的文檔，demo作者還放出來，所以還是暫時(shí)不用為好，個(gè)人試了一下，已經(jīng)和1.2.6不大兼容，或者是css樣式布局有一些變化，謹(jǐn)防出錯(cuò)還是使用1.2.6吧。

試用過EasyUI的話應(yīng)該感覺不錯(cuò)吧，但是作者把放出來的源文件都是壓縮的，而且內(nèi)部變量名都已被混淆，也可能跟開源的方式有關(guān)吧。這使想在項(xiàng)目中使用的人又愛又怯，畢竟一旦出問題了，不好查找和修改，而且沒人想看那一堆下劃線開頭的變量和函數(shù)。前幾天試著想去翻譯，發(fā)現(xiàn)自己沒頭沒腦的修改根本不是辦法，就放棄了，在網(wǎng)上搜了一下源碼，發(fā)現(xiàn)還真有，是1.2.5版本的，plugins下文件基本都被全部翻譯完了，都是可讀的文件。但是讀了其中的幾個(gè)文件發(fā)現(xiàn)有錯(cuò)誤，因?yàn)樾薷膬?nèi)部變量名的時(shí)候，基本都是根據(jù)意思確定并替換，但是個(gè)別文件里面替換的有問題，比方說jquery.layout.js，所以用起來的時(shí)候還是多驗(yàn)證一下。不過找到了有跡可循的修復(fù)源碼變量名的方法。

1.2.6的文件沒有翻譯完，工作量還是挺大的，再者翻譯的越多而不去用、不驗(yàn)證，發(fā)生錯(cuò)誤的可能性會(huì)很大。所以用到那個(gè)文件再翻譯那個(gè)。1.2.6只翻譯了Layout相關(guān)的幾個(gè)文件jquery.accordion.js、jquery.draggable.js、jquery.layout.js、jquery.panel.js、jquery.parser.js、jquery.resizable.js、jquery.tabs.js?？吹竭@篇文件的看客，如果還需要其他文件，可以自行翻譯，或者發(fā)個(gè)郵件給我，也可以給翻譯了，方便大家，快樂自己，呵呵。

另外為了方便查看，把Demo做成了合集，API都做成了離線版本，和官網(wǎng)一致。也順便個(gè)性化了一下UI，窄邊框，減去不必要的圖片，看起來更簡潔清爽一點(diǎn)。還沒有使用過的EasyUI也可以當(dāng)成小例子看一下，導(dǎo)航欄可以添加到工作區(qū)Tab鏈接，以前網(wǎng)上找的，這次也都用上了。

【jquery easyui demo 注意事項(xiàng)】

這個(gè)東西的使用難度不大。。。是jquery的風(fēng)格，但有點(diǎn)模仿EXT。

有這樣幾個(gè)問題：

1、新東西，各種插件不全，比如沒有日期輸入框。。

2、一些小問題。。
1）他的datagrid使用起來，有可能列標(biāo)題和列內(nèi)容對不齊
2）如果已經(jīng)彈出了對話框，而這個(gè)對話框又要觸發(fā)消息對話框，這個(gè)時(shí)候有問題。。消息對話框會(huì)在之前那個(gè)對話框下面
3）使用第三方日期插件會(huì)有沖突

3、問了使用起來更流暢，幾乎所有的內(nèi)容都在一個(gè)頁面中，所有的對話框也都在頁面加載時(shí)進(jìn)行了初始化

建議部分使用，還是不要全部使用為好 grid可以換成其他成熟的grid 個(gè)人感覺easyui可以被快速開發(fā)的組件layout,tabs,buttons,menu grid同樣基于jquery,flexgrid和jqgrid這2個(gè)都是相當(dāng)成熟的表格了對話框還是不錯(cuò)的 不過樣式不是很美觀