信息无障碍通道
您的位置:首页>>电脑软件

WijmoJS 2019V1正式发布:全新的在线 Demo 系统,助您快速上手,开发无忧

发布时间:2019-05-07 17:53:28  来源:互联网    背景: 无障碍通道

  前端开发工具包 WijmoJS 在2019年的第一个主要版本2019V1已经发布,本次发布包括了更加易用的在线Demo系统、各控件新增功能、NPM 包的改动,以及全新的浏览器API组件。

  WijmoJS 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成,如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等,完美支持原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可用于企业快速构建桌面、移动 Web 应用程序。

  在列举前端开发工具包WijmoJS 2019V1的全部功能之前,请下载最新安装程序,以便同步体验!

  >>前端开发工具包WijmoJS 2019V1 下载地址(https://www.grapecity.com.cn/download/?pid=54)

  前端开发工具包WijmoJS 2019V1的主要新特性有:

  1. 全新的在线Demo系统

  2. 表格控件 FlexGrid 的新增功能

  3. 数据分析OLAP 的新增功能

  4. 图表控件FlexChart 的新增功能

  5. 其他功能:NPM 包的改动、全新的浏览器API

  更加易用的在线Demo系统:包含示例源码、参考文档和API

  WijmoJS 在线 Demo 系统中包含了超过 500 种示例源码、200 份文档和统一易读的产品 API 参考,且每一份源码均使用原生 JavaScript(基于 ES6 模块)、Angular(V2+)、Vue(V2+)、React 来实现,助您快速上手,开发无忧。

  WijmoJS 希望用户通过全新的在线Demo系统,轻松查询需要使用的功能示例。您也可直接通过搜索功能,查看该示例不同框架下的源码,并对代码进行在线编辑。https://demo.grapecity.com.cn/wijmo/demos/

  表格控件 FlexGrid 的新增功能

  错误提示(errorTip)

  表格控件 FlexGrid 中新增错误提示(errorTip),用于在验证错误时显示提示信息。同时,用户还可以针对此功能进行自定义扩展,或将其设置为空(null)。

  该功能的效果如下图:

  使用单元格的“title”属性时显示验证错误提示

  与 Excel 高度类似的数据选择器

  FlexGrid中添加了一个名为anchorCursor的选项,其主要功能是提供与 Excel 高度类似的数据选择器。>>查看该功能的JSFiddle示例

  与 Excel 高度类似的数据选择器

  重构并简化了FlexGrid的CSS规则

  WijmoJS 重构并简化了FlexGrid的CSS规则,这样用户自定义单元格背景就变得越来越简单。此前,WijmoJS的单元格CSS选择器不能用单个类选择器重写。但在本次重构之后,您可以自定义一个类,以便更容易地设置单元格背景和文本的样式。>>查看该功能的JSFiddle 示例

  重构并简化了FlexGrid的CSS规则

  进一步提升了 FlexGrid 的滚动性能

  WijmoJS 进一步提高了FlexGrid的滚动性能,并扩展了单元格重新排序逻辑,以便在水平滚动和冻结单元格网格上工作。这是一个不起眼的变化,但对于那些DOM操作更耗时费力的旧浏览器来说,却意味着高效和低耗。当然,它也使FlexGrid在现代浏览器中更快!

  数据分析 OLAP 的新增功能

  大纲视图

  WijmoJS 在OLAP中添加了一个新的PivotGrid.OutlineMode属性:在大纲视图下,PivotGrid以更紧凑的方式呈现行字段。对于具有大量行字段的视图,该功能将十分受用。它类似于Excel在其数据透视表中提供的功能。>>查看在线 Demo 示例

  大纲视图

  图表控件 FlexChart 的新增功能

  新增用户自定义支持:工具提示、数据点外观

  FlexChart 添加了两个新功能,使用户自定义变得更加容易:

  1. series.tooltipcontent 属性,允许自定义特定系列的工具提示

  2. series.itemFormatter属性,允许自定义特定系列中数据点的外观

  此前,工具提示和数据点外观直接作用于图表中的所有系列。如今,这些新的改进将为具有多个系列的图表添加了更多的灵活性和自定义设置。>>查看在线Demo示例

  FlexChart 中新增区域面积图表

  WijmoJS 新版本包含了几个全新的图表:如区域面积图。该图表用于强调数量随时间变化的程度,可用于引起人们对总值趋势的注意。

  使用方法:通过将图表类型设置为“区域”,然后在序列绑定中设置最小值和最大值,就可以使用此图表类型。>>查看在线 Demo 示例

  区域面积图表

  FlexPie 多饼图

  WijmoJS 允许通过使用同一数据源创建多个饼图“系列”,即可以使用FlexPie在单个图表中可视化更多数据。

  使用方法:要创建多个饼图系列,请在FlexPie.binding中指定几个逗号分隔的属性。>>查看在线 Demo 示例

  FlexPies

  其他功能:NPM 包的改动、全新的浏览器 API

  NPM 包的改动

  WijmoJS NPM包已移动到 @grapecity 作用域。这带来了明显的好处,如多个模块格式,可大大简化在自己的NPM服务器上托管WijmoJS使用。

  以前,WijmoJS NPM模块存储在单个“Wijmo”NPM包中。现在,每个模块都表示为@grapecity作用域中的一个单独的包,如@grapecity/wijmo.input或@grapecity/wijmo.grid。

  将应用程序切换为使用新的作用域包需要在应用程序代码中进行一些修改,即更新“import”语句中的WijmoJS模块名。

  为了帮助用户顺利过渡,葡萄城技术团队将在一定时间内继续维护非作用域的“wijmo”包。因此,最新的WijmoJS版本将以作用域包和非作用域包的形式提供。但您应该尽快进行应用程序的更新,以便使用@grapecity范围内的新包。

  如果您想安装所有文件(类似于WijmoJS包),可以选择 @grapecity/wijmo.all 包。

  全新的浏览器API 组件 - ResizedObserver

  在这个版本中,WijmoJS 使用一个名为ResizedObserver的新浏览器API来改进所有控件的布局呈现方式。此API允许用户知晓何时该调整控件元素的大小或更改其可见性,以确保 Web 系统的布局样式是否适应它们的容器。

  以上就是前端开发工具包 WijmoJS 2019V1的全部内容。

  如需了解更多,请访问 WijmoJS 产品官网或加入前端技术QQ交流群:720389894。

特别提醒:本网内容转载自其他媒体,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。


返回网站首页 本文来源:互联网

本文评论
谷歌 Chrome 浏览器在 Mac 上「能用」了,将解决耗电、卡顿问题
谷歌 Chrome 浏览器长期占据市场份额的第一名,但它的使用体验却让用户叫苦不迭,被称为 “内...
日期:07-13
Chrome 与 Firefox 将支持 AVIF 图像格式
7月10日消息 据至顶网报道,新的 AVIF 格式图片即将出现在 Web 浏览器中。
日期:07-10
WPS Office 2019 Linux 专业版推出 “公文模式”,面向党政机关用户
7月8日消息 7月7日,金山办公在位于珠海的产品研发中心举行了以“民族办公软件的创新之路&rdqu...
日期:07-08
技巧:如何卸载 Win10 基于 Chromium 的新版 Edge 浏览器
7 月 7 日消息 虽然微软采用 Chromium 重新打造 Edge 浏览器受到很多用户的欢迎,目前新的微软 Edge...
日期:07-07
微软 Win10 大规模推送 Chromium 版 Edge 浏览器
7月6日消息 外媒 Windows Latest 报道,在接下来的几个月中,经典版 Microsoft Edge 浏览器时代对于...
日期:07-06
微软 Win10 全新开始菜单现身
6 月 24 日消息 Windows 10 于 2015 年发布,发布近五年后,微软已经开始为该操作系统打造新的外观...
日期:06-24
拓展灵活!宁畅携旗舰服务器亮相英特尔数据创新峰会
6月19日,英特尔® 数据创新峰会暨新品发布,以线上直播形式举办。服务器新锐厂商宁畅作为英特尔...
日期:06-19
新增攻击模块二次染指linux服务器,“驱动人生”僵尸网络全网撒毒贼心不死
用野火烧不尽,春风吹又生,来形容“死而不灭”的僵尸网络最合适不过。6月9日,360安全大...
日期:06-11
雷神游戏主机911黑武士三代评测  618值得购入的高配置台式机
随着英特尔发布了十代酷睿台式机处理器,雷神更新了其游戏主机产线,推出新一代雷神911黑武士三代水冷...
日期:06-05
不懂如何选配台式机组装清单 2020热门品牌游戏台式主机推荐
大部分用户会在选购平板电脑、笔记本还是台式机之间犹豫不决。虽然平板和笔记本携带比较方便,但是...
日期:06-02
Firefox 将提供导出密码至本地的功能
由于 Firefox 一直不支持手动将密码导入或导出,用户长期以来只能凭借第三方工具来达成此需求,或是...
日期:06-02
网易云音乐 Win10 UWP 正式变为 Win32 转制版
5月29日消息 这一天还是到来了,IT之家网友反馈,Windows 10应用商店中的网易云音乐UWP版最新更新之...
日期:05-29
Android-x86 8.1-rc5 发布:PC 上的安卓系统
Android-x86 8.1-rc5 现已发布,这是 Android-x86 8.1(oreo-x86)的第五个稳定版本。Android-x86 即...
日期:05-27
微软 Cortana Win10 商店版正式版发布:支持中文
5月25日消息 微软已经准备好在Windows 10版本2004中推出更新的Cortana数字助手,Microsoft Store中...
日期:05-25
戴尔推出灵越3880台式机:i5-10400F+GT 730
5月24日消息 戴尔推出了灵越3880台式机,搭载了刚刚上架的十代酷睿i5处理器,显卡为入门级的GT 730...
日期:05-24
谷歌 Chrome 浏览器支付卡新增支持 Windows Hello 验证
5月24日消息 谷歌已经使用Windows Hello身份验证来解锁Google Chrome设置中的密码显示,现在,根据...
日期:05-24
微软免费实用工具集PowerToys 0.18.1 发布
PowerToys 0.18.1 发布了,这是一个修复版本,主要解决了以下问题:
日期:05-23
Windows Hello已可用于谷歌Chrome浏览器中的支付认证
早在 2018 年的时候,微软就已经为 Edge 浏览器引入了 Web 身份验证规范,从而为基于 Windows Hello...
日期:05-22
迎接5月更新!微软发布Edge 83稳定版:多重改进
为了迎接Windows 10 5月更新的到来,微软紧跟Chrome更新节奏,基于Chromium的新版Edge浏览器已经跳...
日期:05-22
Win10新版19631推送:修复睡死、改善红外人脸识体验
今晨,微软带来两个Insider预览版,分别是面向快速通道会员的Build 19631和面向ARM PC(如Surface Pr...
日期:05-22
  专栏介绍
王涵 的专栏
王涵发表的文章
积分:
自我介绍 :