UI框架升級（UI界面框架）

1）新加強大的組件suggestion。

         以前框架提供了一款叫作autoComplete的自動完成框，當輸入時，後臺通過匹配，給它傳遞文本賦值，實際上它是文本框的擴展。

後來不少客戶都向我提出建議，但願它除了存儲顯示的文本外，還能存儲value。另外不少人還但願它具備下拉框的功能，能夠直接點擊出現下拉列表。因此此次花了大量的精力開發了這款suggestion組件。

點擊時會出現下拉列表，你能夠像下拉框同樣使用它。也能夠在文本框裏直接輸入，它自動進行篩選。能夠直接使用上下箭頭進行切換選擇，左右箭頭進行翻頁，回車進行選中。

此外，經過爲組件增長屬性能夠配置下拉列表的顯示方式，還能夠自定義圖標。例如能夠實現以下的效果：

另外，原來組件的功能在新組件中也保留。例如能夠每次輸入後臺隨時反饋匹配結果，這樣能夠將結果與輸入的關聯起來。

 

2）新加強大的組件selectCustom

這款組件叫作組合式下拉框。以前框架提供的下拉框方案主要包括：單選、多選、樹形單選、樹形多選。雖然已經可以知足絕大部分的需求，但某些特殊狀況可能還不夠。

而這款組件理論上能夠與框架其餘的任意組件作組合，從而實現很是個性化的需求。例如它能夠彈出一個grid表格：

能夠與其餘組件組合

只要發揮想象，你能夠用它組合出很是實用的功能。

 

3）表格新增打印功能

         一般狀況瀏覽器打印只能是頁面顯示什麼打印什麼，沒法實現打印特定的內容。

         3.2版本整合了一個打印控件，能夠輕鬆實現表格數據的打印。能夠控制打印當前頁面數據、打印選中行的數據或者打印全部的數據。

         這時grid表格的打印預覽效果。

         這時table表格的打印預覽效果。

 

 

若是看到這裏尚未激動起來，彆着急，繼續往下看：

4）彈窗新增功能

彈窗能夠最小化到任務欄中了！

這對於同時彈出多個窗口的需求（例如網頁聊天或工做桌面等）很是實用。而且最小化和還原的效果也很是炫。爲每一個彈窗設置ID那麼就能保證該彈窗的惟一性。這樣再次點擊彈窗時若是該窗口處於最小化則會自動還原。

當窗口過多任務欄放不下時會自動出現左右箭頭，進行左右滾動。

此外彈窗還新增了自定義圖標的功能。

 

5）盒子模型新增功能

         如今能夠實現同一套皮膚中自定義多種盒子模型的外觀了！

         之前版本一個盒子模型只有一個外觀，若是想要不一樣的外觀，要麼更換皮膚，要麼使用不一樣的盒子，例如class=box2和class=box3時兩個組件，但實際上box2和box3在功能上是同樣的，box3只是box2的另外一種樣式。若是但願再增長新的樣式就作不到了。

3.2版本對盒子模型進行了重構。盒子模型的外觀經過class來區分，而功能經過boxType屬性來區分。例如能夠爲div添加一個自定義的class來定義外觀，如class=」box_custom」。這時若是但願它擁有box2的功能，爲其增長屬性：boxType=」box2」便可。

此外，盒子模型還增長了自定義圖標、副標題等功能。

 

6）浮動面板新增功能

         浮動面板增長了狀態改變事件，以知足一些用戶的個性化需求。

 

7）展出式提示框新增功能

         展出式提示框能夠自定義外觀了！

展出式提示框新增了一個參數，能夠傳遞class的名字，這樣可以實現不一樣風格的提示框。例如通常的提示用藍色風格，而告警信息的提示用以下的紅色風格：

        

 

8）樹組件新增特性

         框架使用的ztree組件全面升級了！

ztree樹組件由原來的3.1版本升級到官方的3.5.13。並將ztree組件的API整合到框架的開發指南文檔中，這樣查閱起來更加方便。

此外，還特定爲樹組件製做了不少實用的示例。例如如下兩個示例分別是自定義樹的外觀實現的公交線路查詢效果和樹組件的分頁。

 

9）按鈕新增特性

         基本按鈕和圖標按鈕能夠自定義外觀了！

         以前版本中雖然能夠爲按鈕增長一個class來自定義外觀，但這樣將不會被框架所渲染，也就是沒有鼠標移入效果，圖標按鈕也將失效。

3.2版本容許爲按鈕增長class來自定義樣式，只要不添加keepDefaultStyle=」true」，那麼就會被框架所渲染。這樣會擁有鼠標移入效果，也可用於圖標按鈕。

此外，按鈕還新增了一個toggle屬性，能夠把它變成toggle模式按鈕。toggle模式下按鈕按下時會停留一個狀態，再按下後取消該狀態，同時會存儲一個值。配合自定義樣式能夠實現不少個性化的東西，例如開關按鈕。

 

10）單選下拉框新增特性

         下拉框能夠獲取除key和value之外的數據了！

         以前版本的下拉框只能獲取數據的key和value，3.2中能夠爲數據增長任意的屬性，均可以獲取該屬性值。

此外，下拉框聯動增長了初始賦值特性。

        

 

11）樹形下拉框新增特性

樹形下拉框支持節點的異步加載了！

3.2中的樹形下拉框新增異步加載模式，適合數據量很是大的狀況。參數傳遞機制與樹組件的異步加載機制徹底一致。

此外，樹形下拉框也能夠獲取除key和value之外任意自定義屬性的數據。

 

12）雙向選擇器新增特性

         雙向選擇器能夠設置可選的最大條數了！

        

 

13）樹形雙選器新增特性

         樹形雙選器支持節點的異步加載了！

         3.2中的樹形雙選器新增異步加載模式，適合數據量很是大的狀況。參數傳遞機制與樹組件的異步加載機制徹底一致。

        

 

14）條件過濾器新增特性

         條件過濾器支持自定義圖標了！

        

能夠爲每一個選項設置任意的圖標。

 

15）數字步進器新增特性

         數字步進器新增了change事件，以知足一些用戶的個性化需求。

 

16）同步上傳控件新增特性

         同步上傳控件支持自定義組件寬度了！

        

而且能夠全面兼容各類瀏覽器。

 

17）表單驗證新增特性

         表單驗證新增了文本域驗證、組合下拉框驗證selectCustom、自動提示框suggestion驗證和同步上傳控件的非空驗證。

 

18）表單編輯異步json賦值的改進

         以前版本中組件在頁面初始化時已經被渲染了，json賦值後又從新渲染一遍。

         3.2版本異步json賦值時能夠爲每一個組件新增fillType屬性。這樣初始時組件初始時將不被渲染，json賦值後才被渲染，以改進性能。

 

19）grid表格新增特性

         Grid表格能夠經過外部控制某些行的選中了！

        

         而且擁有選中的分頁記憶功能。

         此外，還增長了以下示例：

Ø  能夠動態的從新渲染成另外一個表格，數據和列均可以不同；

Ø  能夠初始時不加載數據，動態設置url加載數據；

Ø  能夠對內容做格式化處理；

Ø  能夠動態設置滾動條的位置；

        

Ø  能夠禁用或隱藏工具條中的某些項，方便和權限控制整合；

        

Ø  新增大數據量示例，一次加載500多條數據。

詳細參見：www.360ui.net