OperaMasks UI V2.0 正式版發布了
OperaMasks-UI是OperaMasks團隊 2011下半年打造的一款輕量級前端JS組件庫,旨在提供一款學習曲線低、定制性靈活、樣式統一,且多瀏覽器支持、覆蓋企業業務場景的前端JavaScript UI組件庫。目前,該團隊已將這一產品以LGPL 開源協議開放給社區。
經過差不多兩個月時間的努力,2.0版本終于與大家見面了。這個版本最大的特色就是采用了全新的樣式皮膚,使組件的組合效果更佳。此外,還添加了不少新特性和改進,如omGrid支持多行表頭,新的omItemSelector 、omScrollbar組件等。
下載地址:http://ui.operamasks.org/website/download.html
示例地址:http://ui.operamasks.org/website/demos.html
新特性重寫omItemSelector組件,新增omScrollbar,omButtonbar組件,新增omGrid多表頭插件。
- omItemSelector: 全新組件,用于替換v1.2版本的omItemSelector。
- omScrollbar: 新組件,在簡單場景中可以用于替代瀏覽器滾動條,使用便捷。
- omButtonbar: 新組件,按鈕工具條組件用于放置多個按鈕,并且按鈕之間可以進行分組。
- omGrid: 新功能,增加多表頭插件 —— om-grid-headergroup.js,使用此插件可以使omGrid支持多表頭。
改進
- demo示例中心新增換膚機制,可以在default和apusic皮膚之間進行切換。
- omBorderlayout欄目展開收起按鈕進行了改善,使其更美觀。
- omGrid行編輯插件添加事件支持,deleteRow、insertRow方法改進,editor配置項添加getValue方法。
- omGrid添加寬高自適應,寬高可以配置為'fit',并且提供了便捷的resize方法。
- omBorderLayout 添加配置左邊和右邊面板可以拉伸至頂部或底部的功能。
- omTree節點的單擊事件由原來的只能點擊文字觸發,改進為點擊節點圖標也觸發事件。
- omCombo 新增強制選擇特性。
- omTabs添加右鍵菜單功能。
- omPanel點擊頭部任何一個地方都會觸發展開或收起動作。(必須配置為可收起)
升級說明(從v1.2 到 v2.0)
- 組件omGrid方法"cancleChanges"與"cancleEdit"改名為"cancelChanges"與"cancelEdit"。
- 組件omGrid行編輯的insertRow方法在v1.2版本中會立即出現編輯條,并且即使點了“取消”按鈕數據行也已經插入了。現在改為 點“取消”按鈕時回滾此行數據(之后再次編輯此行數據再點“取消”就不能回滾了)。此外,如果想實現insertRow時不彈出編輯框, 可以設置第三個參數為true,詳看api文檔說明。
- omItemSelector刪除了toolbarIcons配置項。
重要bug修復
- [AOM-584] - omGrid 在拖動表格上下滾動條之后進行行編輯時編輯框錯位。
- [AOM-587] - omTab新增頁簽的時候會發送多余請求。
- [AOM-588] - omGrid在一個頁面同時實例化兩個的時候會報js錯誤。
- [AOM-608] - omTooltip使用contentEl屬性的時候會導致頁面出現兩份相同的dom節點。
- [AOM-609] - validate 如果某個必須要驗證的輸入框一開始有數據,刪除后,blur并沒有觸發驗證。
- [AOM-610] - validate 如果設置默認屬性值,會報異常,例如nkeyup: true;onfocusout: true。
- [AOM-615] - omGrid在沒有數據的時候調用$('#grid').omGrid('getSelections',true);會報錯。
- [AOM-617] - omCalendar 與 validate 插件一起用時當選擇日期后無法清除原有的校驗錯誤。
- [AOM-624] - om-core.js監聽器回調問題。
- [AOM-627] - omPanel 當數據正在加載或加載失敗時,點擊收縮按鈕,loadMessage沒有收縮起來。
- [AOM-630] - omGrid中onRefresh方法中調用setSelections出錯。
- [AOM-631] - omDialog 在拖拽后內容的高度不會變化。
- [AOM-637] - omTree 拖動葉節點到父節點或者與父節點同級的節點時,該節點看不到了。
- [AOM-641] - omMenu 使用本地json數據 那個點擊菜單中的菜單項,會發現菜單項越來越長了。
- [AOM-644] - omMessageBox在IE7下內容區域出現滾動條。
- [AOM-664] - borderLayout自適應窗口大小示例出現滾動條 。
- [AOM-676] - om-tab關閉當前頁簽之后無法展現前一個頁面的內容。
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!