文档章节

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

葡萄城技术团队
 葡萄城技术团队
发布于 05/09 10:04
字数 1766
阅读 13
收藏 0

 

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

 

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

 

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

>>前端开发工具包WijmoJS 2019V1 下载地址

 

前端开发工具包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系统,轻松查询需要使用的功能示例。您也可直接通过搜索功能,查看该示例不同框架下的源码,并对代码进行在线编辑。

》》立即体验

 

表格控件 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

© 著作权归作者所有

葡萄城技术团队

葡萄城技术团队

粉丝 410
博文 590
码字总数 913746
作品 20
西安
高级程序员
私信 提问
加载中

评论(1)

你瞅啥啊
你瞅啥啊
感觉葡萄城是最不要脸的一个, 明明不是开源产品, 天天活跃在开源社区. 发这个有什么用? 你开源了么? 没开源好意思天天发?还有你家的活字格, 就是一个坑货, 这么大的公司, 连安全都不知为何物. 我没瞎说, 只要登入的用户, 可以随意发post进行数据库增删改查. 云储存的密匙, 这么重要的东西, 直接明文写在html上面. 让我涨知识.
WijmoJS 2019V1 正式发布

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

葡萄城技术团队
06/12
1K
1
前端开发工具包 - WijmoJS

灵活高效的前端开发工具包 可快速搭建企业 Web 应用程序 WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成,全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic 框架,用...

葡萄城技术团队
06/12
1K
1
【使用指南】WijmoJS 前端开发工具包

为方便广大前端开发人员更好的使用 WijmoJS 前端开发工具包,葡萄城专门推出了 WijmoJS 使用指南,该指南详细地介绍了如何把 WijmoJS 各种强大的功能应用到您自己的 Web 项目中,助您轻松掌握...

葡萄城技术团队
2018/12/12
14
1
【前端开发工具】WijmoJS 2018 v3 正式发布,全面支持Angular7

WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次更新除了全面支持Angular7之外,还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题...

葡萄城技术团队
2018/12/07
12
0
【官宣】WijmoJS 2018 v3 正式发布,全面支持Angular7

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/powertoolsteam/article/details/84543455 WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次...

powertoolsteam
2018/11/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

给 K8s API “做减法”:阿里巴巴云原生应用管理的挑战和实践

作者 | 孙健波(天元) 阿里巴巴技术专家 本文整理自 11 月 21 日社群分享,每月 2 场高质量分享,点击加入社群。 早在 2011 年,阿里巴巴内部便开始了应用容器化,当时最开始是基于 LXC 技术...

阿里巴巴云原生
今天
6
0
数据平面

3.1数据平面的任务 解析数据包头 转发数据包到某些端口 通过查询由控制平面所生成的转发表 传统网络数据平面 数据包--输入端口---拆封和解析,转发策略匹配,转发调度---输出端口(协议相关,...

Firefly-
昨天
6
0
如何高效的阅读uni-app框架?(建议收藏)

作者 | Jeskson 来源 | 达达前端小酒馆 uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js。脚本,应用程序,main.js。日志打印,定时器,生命周期,页面,页面通...

达达前端小酒馆
昨天
7
0
实现原理专题--存储器的实现(三)

计算机实现原理专题--存储器的实现(二)中描述了一种电平触发器,但是某些应用需要在保持位从0到1变化的过程中对数据端进行保存。这种触发器叫边沿触发器。 一开始Q为0,时钟信号为0。当数据...

FAT_mt
昨天
4
0
3.类型严格的调用方法

需要注意的是,方法调用的时候需要严格的对应,如果是使用_stdcall修饰的方法,那么就只能用对应的类型的工具加载,如果不使用,很可能会出现找不到的现象。 对于动态链接库的调试,官方文档...

鬼上身跳不过门槛
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部