您的位置:首页 > 电脑软件

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

发布时间:2019-05-15 20:37:15  来源:3CGO科技    采编:王涵  背景:

  前端开发工具包 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。

  声明:本文仅为传递更多网络信息,不代表3CGO科技观点和意见,仅供参考了解,更不能作为投资使用依据。


返回网站首页 本文来源:3CGO科技

本文评论
打怪升级竟然也能赚比特币,全球首个区块链挖矿游戏上线
目前,有关区块链的话题在全球掀起热潮,现阶段如何将区块
日期:10-02
郭明錤:2018年3款iPhone降价100美元?
6月5日消息,据9to5Mac报道,凯基证券(KGI Securities)前
日期:10-02
谷歌云,入华难?
谷歌云最近陷入了一桩入华的乌龙事件中,事情的大致经过
日期:10-02
小程序:万亿新零售市场的一张好牌?
对于坐拥10亿用户的微信来说,很多线上线下的场景都会沉
日期:10-02
刘强东:无人超市现阶段是概念 至少10年完善服务形态
零售企业制定战略要关注消费者,关注顾客,满足他们的需求
日期:10-02
小米Pocophone F2跑分疑曝光:骁龙855+Android Q
小米的Pocophone F1(印度称Poco F1)于去年8月发布,成为
日期:04-30
苹果内部文档曝光新款Mac Pro造型
苹果提前两年就“预发布”出来的模块化Mac
日期:05-15
苏宁超市悟空榜:伊利成乳制品一哥,内蒙古人民最爱的竟不是蒙牛
苏宁315全面焕新节已经如火如荼进行了一段时间了,苏宁
日期:04-29
开业一年收益翻番 客流增长1.5倍 武安京东专卖店的破冰之道
家住河北武安新华大街的张先生已是第五次走进这家京东
日期:10-02
新iPhone为何这么贵?库克如此回答
9 月 18 日消息,日前库克参加了美国广播公司出品的晨间
日期:10-02
8.8智慧生活日免单大数据公布,一千万人拿下免单惊喜!
8月10日,微信支付发布《8.8智慧生活日免单战绩榜》,揭晓
日期:10-02
“704校花”APP再现兼职新套路,腾讯手机管家揭秘求职风险
近日“704校花”事件引起网友热议,400多位大
日期:10-02