FineUIPro/Mvc/Core v8.0.0 正式發布了,這個版本推出高性能延遲渲染表格和期待已久的卡片渲染模式,並對主題配色進行優化調整!
相關文章:
- 《致廣大 FineUI 網友的一封公開信》
- 【新特性速遞】表格加載速度足足 3 倍提升,愛了愛了
- 【新特性速遞】填一個坑 - 修正頁面中使用富文本編輯器時可能會被卡死的問題
- 【新特性速遞】類似Windows資源管理器的多選框
- 【新特性速遞】左側選項卡不再費脖子了
- 【新特性速遞】更漂亮的主題風格(窈窕主題,君子好逑)
- 【新特性速遞】卡片式表格,Yeah~~~
下面先來回顧下每次發布大版本的關鍵時間點:
pre_v1.0.0:2008年 - 2017年,基於 ExtJS 的開源版本 FineUI,長達 9 年的時間內迭代了 130 多個版本。
v1.0.0 於 2014-07-30 發布,這也是我們 FineUIPro 產品線的第一個版本,實現了開源版(100多個版本)的全部功能。
v2.0.0 於 2014-12-10 發布,半年的時間內我們快速迭代了 10 個小版本,並發布功能完善的 2.0 大版本。
v3.0.0 於 2016-03-16 發布,在此期間我們不僅支持大數據表格,而且對手機、平板、桌面進行了全適配。
v4.0.0 於 2017-10-30 發布,期間我們上線了新產品FineUIMvc 和純前端庫F.js,並且支持了CSS3動畫。
v5.0.0 於 2018-04-23 發布,支持ASP.NET Core的全新產品FineUICore來了,並且創新了基於像素的響應式布局。
v6.0.0 於 2019-09-20 發布,方便將WebForms快速遷移到FineUICore,並帶來一系列的功能和性能改善。
v7.0.0 於 2020-10-10 發布,新增多列排序、表格行分組等多個功能,FineUIPro在線示例數第一次突破900個。
v8.0.0 於 2021-12-28 發布,推出高性能延遲渲染表格和期待已久的卡片渲染模式,付費星球會員突破2200人。
下面看下 FineUIPro v8.0.0 版本的更新內容:
+修正DebugMode=true模式下可能出現的頁面卡死情況。
-頁面存在HtmlEditor時更容易出現此問題。
-優化生成的JS代碼,僅在局部代碼范圍內使用第三方庫JSBeautifyLib。
-修正頁面上引入多個HtmlEditor會導致多次加載JS資源的問題。
+為表格控件增加FixedRowHeight屬性。
-增加屬性RowHeight、RowHeightCompact、RowHeightSmall、RowHeightLarge、RowHeightLargeSpace,分別表示不同顯示模式下的行高。
-行高的5個屬性可以一個都不設置,FineUI會使用默認值。
-也可以只設置RowHeight屬性,FineUI會根據RowHeight的值自動計算出不同顯示模式下的行高。
-增加示例:表格控件/行高度/100行(行高不同);(行高固定);(行高不同,列鎖定);(行高固定,列鎖定)。
+為表格控件增加EnableDelayRender屬性(延遲渲染需同時設置FixedRowHeight=true)。
-延遲渲染能提高表格在頁面第一次加載時的渲染速度,從而提升用戶體驗。
-測試表明,每頁顯示500條數據的情況下,延遲加載的表格在頁面初始化時的渲染速度提升3倍以上。
-增加示例:表格控件/延遲渲染/500行(行高固定,延遲渲染);(行高固定,列鎖定,延遲渲染)等 8 個示例。
+大數據表格不再局限於網址數據源,普通的數據綁定同樣可以啟用大數據表格。
-優化渲染邏輯,在一個方向上連續改變滾動條位置時,在此方向上多渲染一些行,從而減少空白行閃現的概率。
-增加示例:表格控件/大數據表格/大數據(1000);(5000);(10000)等 7 個示例。
+為表格新增CheckBoxSelectAutoHide屬性。
-自動隱藏多選框,只在行獲得焦點樣式或者被選中時顯示多選框,類似 Windows 的資源管理器。
-增加示例:表格控件/行選擇/行選擇(多選,多選框自動隱藏)。
+默認將選項卡標題的邊框渲染為直角,用戶體驗更好。
-如果想實現之前的圓角效果,可以在頁面上通過JS來改變規則:$(function () { F.TabStrip.prototype.tabBorderCorner = true; });。
+為選項卡面板控件增加TabTitleVertical屬性(沒想好-yVvnIyV)。
-標題欄文字垂直顯示(僅當TabPosition等於Left或者Right時有效),一般用於在側邊顯示中文選項卡標題。
-新增示例:更多控件/選項卡控件/選項卡標題欄/選項卡的位置(工具圖標,標題文字垂直顯示);選項卡標題墨水條(標題文字垂直顯示)。
+選項卡控件優化。
+修正選項卡控件的TabPlain無效的問題(無法反映TabStrip外部節點定義的背景色,比如body標簽的背景色)。
-測試示例:更多控件/選項卡控件/選項卡標題欄/選項卡標題背景(TabPlain)。
+為選項卡增加TabSeparated屬性。
-增加示例:更多控件/選項卡控件/選項卡標題欄/選項卡標題邊框(TabBorderColor,TabSeparated)。
-修正表格數據綁定時二級屬性為空可能出錯的問題(沒想好)。
+為表格增加卡片模式。
-增加枚舉類型GridDisplayType。
-增加示例:表格控件/卡片模式/卡片模式;(顯示模式切換)。
-增加示例:表格控件/卡片模式/排序/卡片模式(排序);(排序與模式切換)。
-增加示例:表格控件/卡片模式/分頁/卡片模式(內存分頁);(數據庫分頁)。
-增加示例:表格控件/卡片模式/卡片選擇/卡片選擇(不顯示選中項);(多選);(多選,顯示多選框)等 8 個示例。
+對整體界面風格和配色進行優化調整。
+優化官網示例樣式。
-為示例頁面的body增加f-bgcolor樣式,並統一預留24px外邊距。
-刪除blockpanel自定義樣式。
-增加左側面板的寬度(260px->300px)。
+優化選項卡標題墨水條樣式。
-選項卡標題獲取焦點或者被選中時去除背景色。
-Pure系列主題中,保持墨水條顏色和選項卡標題文字顏色一致。
+優化滾動條樣式。
-增加全局配置項CustomScrollbar,是否自定義滾動條樣式(僅在桌面端Chrome、Edge、Safari瀏覽器下有效)(默認為false)
-不支持IE和Firefox。移動端瀏覽器中會使用原生的滾動條樣式。
+優化背景圖片主題。
-背景圖片預處理(飽和度:120%,高斯模糊:4px左右)。
-中間區域的頂部標題欄、中間區域的主選項卡與左側菜單樹共享同一張背景圖片。
-所有元素的焦點和選中樣式都使用主題色。
+優化Pure系列主題。
-深化左側面板的背景色(接近黑色)。
-左側智能樹節點選中項背景色使用主題色。
-將面板邊框和標題邊框改為淡灰色(#eee)。
-所有元素的焦點和選中樣式都使用主題色。
-去除下拉框、日期彈出框、菜單等絕對定位元素的外邊框。
+優化Metro系列內置主題。
-將面板邊框和標題邊框改為淡灰色(#eee)。
-焦點和選中樣式的邊框色和背景色保持一致。
-去除下拉框、日期彈出框、菜單等絕對定位元素的外邊框。
+優化智能樹控件樣式。
-HeaderStyle=true:去除頂層節點的下邊框。
-AllHeaderStyle=true:所有節點高度一樣。
-MiniMode=true:使用樹控件的HeaderStyle和AllHeaderStyle設置。
-更新示例:更多控件/樹控件/智能樹控件/智能樹控件。
+不再支持IE8瀏覽器(IE11有限支持)。
-微軟早在2016年就終止了IE8的支持,是時候和IE8說再見了。
-推薦使用 Edge、Chrome、Firefox、Safari 瀏覽器,以獲取最好的性能。
查看官網示例(部分示例尚未更新到最新版本):
FineUIPro:https://pro.fineui.com/
FineUIMvc:https://mvc.fineui.com/
FineUICore:https://core.fineui.com/
FineUICore (Razor Pages & Tag Helpers):https://pages.fineui.com/
更新記錄和API文檔也同步更新,可以到官網查看相關鏈接。
現在申請試用,即可獲取 2 個月的產品試用,請填寫如下資料發送到郵箱:2877408506@qq.com
- 產品名稱:FineUIPro(企業版)
- 公司全稱:XXX
- 申請人郵箱:XXX
- 申請人QQ:XXX
- 申請人姓名:XXX
- 申請人地址:XX省XX市
- 申請人電話:XXXXXXX
注:
- 如果需要支持 ASP.NET MVC 的版本,請將產品名稱改為:FineUIMvc(企業版)
- 如果需要支持 ASP.NET Core 的版本,請將產品名稱改為:FineUICore(企業版)
----------
基礎版請先加入知識星球,基礎版下載后永久免費商用:https://fineui.com/fans/
不忘初心,砥礪前行!
三石出品,必屬精品!
