彩票走势图

WijmoJS v2019.2主要版本发布,再度增强React和Vue框架的组件功能

转帖|产品更新|编辑:陈津勇|2019-09-20 17:40:09.040|阅读 260 次

概述:前端开发工具包WijmoJS在2019年的第二个主要版本 V2019.0 Update2已经发布,本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强,并加入更为易用且灵活的撤消/重做功能和模板字符串支持。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

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

点击下载WijmoJS正式版

前端开发工具包WijmoJS V2019.0 Update2的主要新特性有:

  • React框架下组件功能增强

  • Vue框架下组件功能增强

  • 仪表盘的自定义能力增强

  • 新增模板字符串常量

  • Undo/Redo(撤销/重做)

  • 全新的分页控件

  • FlexGrid中的多区域选择

  • FlexGrid中性能调优API

  • 全球化中更多语言支持

React框架下WijmoJS组件功能增强

React框架已经大受欢迎,WijmoJS也一直在增强其在React框架下的各组件的功能。在新版本中,WijmoJS提供了一些不错的方法来定义自定义模板,如在脚本中绑定具有Items标记的控件。

使用代码,即可在WijmoJS中添加MenuItem和MenuSeparator组件。

而之所以这么做,是为了解决纯javascript菜单控件不能通过JSX标记定义所带来的不便之处。WijmoJS在与 React 框架深度结合后,在JSX标记中使用React组件及其属性绑定将会更加方便,实现以声明方式定义项目内容。

通过WijmoJS,您可以使用组件的方式快速定义菜单项:在渲染函数的JSX标记中使用嵌套到其Menu部分的MenuItem组件,而不用在数组中定义项目,其中每个MenuItem可定义一个单独的菜单项,其内容具有任意复杂性。

除了上述功能,WijmoJS还添加了一个全新的wjItemTemplate“渲染道具”,下面我们会详细介绍这些“道具”的功能:

  • ListBox

  • ComboBox

  • MultiSelect

  • 菜单

Vue框架下WijmoJS组件功能增强

与React框架下的功能类似,WijmoJS针对Vue框架的互操作也做了不少优化。在新版本中,WijmoJS为Vue菜单项添加了wj-menu-item和wj-menu-separator组件。至此,向WijmoJS的菜单组件添加项的方法将不限于:将其绑定到菜单项数据数组,还可以使用声明的方式添加Vue菜单项。

仪表盘的自定义能力增强

为了在WijmoJS的仪表盘中显示更多细节,新版本添加了全新的属性:Gauge.showTickText,该属性可以用来显示每个tickmark旁边的文本标签。

此外,WijmoJS 还使用新的 RadialGauge 属性和方法,添加了对针型指针的支持:

  • needleShape

  • needleLength

  • needleElement

  • createNeedleElement

支持模板字符串常量

在新版本中,WijmoJS添加了一个新的i18n模板字符串函数。 模板字符串是ES2015/ES6中引入的一个非常棒的JavaScript功能,它们允许您使用插入值来构建多行字符串,并使处理嵌入字符串中的单引号和双引号变得更加容易。

在WijmoJS的新版本中,“模板字符串”也将作为WijmoJS的核心组件。

灵活易用的表单级Undo/Redo(撤销/重做)

如今,几乎所有优秀的Web应用程序都可以实现Undo/Redo(撤消和重做)操作。在新版本中,WijmoJS推出了一个更高效的解决方案:使用Undo/Redo类来管理应用程序级别的操作历史。

不同于HTML提供的基本的撤销/重做功能,WijmoJS的撤消和重做更为灵活且易用——带有UndoStack类的“撤销”模块。您可以使用UndoStack类为网页或表单提供撤消/重做功能,UndoStack类将自动监听所有HTML输入元素以及WijmoJS控件,如FlexGrid、组合框、InputDate和仪表盘。当然,您也完全可以将它与FlexGrid 一起使用,但我们更建议您在整个应用程序中尝试此方法!

全新的分页控件

在新版本中,WijmoJS新增了一个CollectionViewNavigator控件,该控件可用于浏览CollectionView项目或页面,它可以轻松地与WijmoJS的任何前端控件(如FlexGrid)一起使用,以提供简单的数据分页样式。

FlexGrid中的多区域选择

WijmoJS为FlexGrid提供了类似Excel的多范围选择功能,这项新功能允许用户按住ctrl(或命令)在FlexGrid中同时选择多个单元格范围。

本次新增的功能是通过一个名为MultiRange的新SelectionMode来实现的,用户通过添加一个selectedRanges属性,即可获取包含CellRange对象的数组,该对象包含当前选定的范围。

FlexGrid中性能调优API

WijmoJS添加了新的API,用于在罕见的场景下优化性能时使用。因为针对的场景特殊,使用时请务必仔细阅读文档。

  • 新的FlexGrid.refreshRange方法

  • FlexGrid.lazyRender属性

  • FlexGrid.refreshOnEdit属性

全球化中更多语言支持

WijmoJS一直在扩展其全球化组件,以帮助客户构建更完美的应用程序。在新版本中,WijmoJS 将支持:

  • Mongolian

  • Vietnamese

  • Swiss German

除此之外,WijmoJS还优化了不少已有组件,如Resizable Popup或wijmo.format中的深度绑定。如果想要体验WijmoJS新版功能,请点击此处免费下载试用。



想要获得 WijmoJS 更多资源或正版授权的伙伴,

扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯

1563778777.jpg


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP