FineUIPro/Mvc/Core v8.0.0 發布了!


 

FineUIPro/Mvc/Core v8.0.0 正式發布了,這個版本推出高性能延遲渲染表格和期待已久的卡片渲染模式,並對主題配色進行優化調整!

 

相關文章:

 

 


下面先來回顧下每次發布大版本的關鍵時間點:

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/

F.js:https://js.fineui.com/

 

更新記錄和API文檔也同步更新,可以到官網查看相關鏈接。

 


 

現在申請試用,即可獲取 2 個月的產品試用,請填寫如下資料發送到郵箱:2877408506@qq.com

  • 產品名稱:FineUIPro(企業版)
  • 公司全稱:XXX
  • 申請人郵箱:XXX
  • 申請人QQ:XXX
  • 申請人姓名:XXX
  • 申請人地址:XX省XX市
  • 申請人電話:XXXXXXX

注:

  1. 如果需要支持 ASP.NET MVC 的版本,請將產品名稱改為:FineUIMvc(企業版)
  2. 如果需要支持 ASP.NET Core 的版本,請將產品名稱改為:FineUICore(企業版)

 

----------

基礎版請先加入知識星球,基礎版下載后永久免費商用:https://fineui.com/fans/

 

 


不忘初心,砥礪前行!

三石出品,必屬精品!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM