• 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/

     


    不忘初心,砥砺前行!

    三石出品,必属精品!

  • 相关阅读:
    Centos 6.4 8250/16550 只生成了4个串口
    Warning: Data truncated for column 'AirPress' at row 1
    I.MX6 32G SD卡测试
    oracle创建数据库表空间
    oracle创建表空间
    SpringMvc文件下载
    怎么取消ie浏览器body与html的间隙
    Ztree手风琴效果(第三版)
    判断JS对象是否拥有某属性
    js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
  • 原文地址:https://www.cnblogs.com/sanshi/p/15667822.html
Copyright © 2020-2023  润新知