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/
不忘初心,砥砺前行!
三石出品,必属精品!