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/

 

 


不忘初心,砥砺前行!

三石出品,必属精品!

 

posted @ 2021-12-19 20:33  三生石上(FineUI控件)  阅读(5534)  评论(4编辑  收藏  举报