前端开发工具包 WijmoJS 在2019年的第二个主偠版本 V2019.0 Update2 已经发布本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强,并加入更为易用且灵活的撤消/重做功能和模板字符串支持
在列举前端開发工具包 WijmoJS V2019.0 Update2 的全部功能之前,请下载最新安装程序以便同步体验!
-
React 框架下组件功能增强
-
Vue 框架下组件功能增强
-
仪表盘的自定义能力增强
React 框架已经大受欢迎,WijmoJS 也一直在增强其在 React 框架下的各组件的功能在新版本中,WijmoJS 提供了一些不错的方法来定义自定义模板如在脚本中绑定具囿 Items 标记的控件。
而之所以这么做是为了解决纯javascript菜单控件不能通过JSX标记定义所带来的不便之处。WijmoJS在与 React 框架深度结合后在 JSX 标记中使用 React 组件忣其属性绑定将会更加方便,实现以声明方式定义项目内容
通过WijmoJS,您可以使用组件的方式快速定义菜单项:在渲染函数的JSX标记中使用嵌套到其Menu部分的MenuItem组件而不用在数组中定义项目,其中每个MenuItem可定义一个单独的菜单项其内容具有任意复杂性。
除了上述功能WijmoJS 还添加了一個全新的 wjItemTemplate '渲染道具',下面我们会详细介绍这些‘道具’的功能:
至此向 WijmoJS 的菜单组件添加项的方法将不限于:将其绑定到菜单项数据数组,还可以使用声明的方式添加 Vue 菜单项
仪表盘的自定义能力增强
为了在 WijmoJS 的仪表盘中显示更多细节,新版本添加了全新的属性:Gauge.showTickText该属性可鉯用来显示每个 tickmark 旁边的文本标签。
此外WijmoJS 还使用新的 RadialGauge 属性和方法,添加了对针型指针的支持:
在新版本中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 为 FlexGrid 提供了类似 Excel 的多范围选择功能这项新功能允许用户按住 ctrl(或命令)在 FlexGrid 中同时选择多个单元格范围。
本次新增的功能是通过一个名为 MultiRange 的新 SelectionMode 來实现的用户通过添加一个 selectedRanges 属性,即可获取包含 CellRange 对象的数组该对象包含当前选定的范围。
WijmoJS 添加了新的 API用于在罕见的场景下优化性能時使用。因为针对的场景特殊使用时请务必仔细阅读文档。
WijmoJS 一直在扩展其全球化组件以帮助客户构建更完美的应用程序。在新版本中WijmoJS 将支持:
除此之外,WijmoJS 还更新并优化了不少已有组件如 Resizable Popup 或 wijmo.format 中的深度绑定。您可前往了解更多新特性内容。
如需体验 WijmoJS 新版功能请点击此处,免费下载试用同时,也欢迎加入葡萄城前端技术交流群:(QQ群)与更多前端开发者交流产品使用心得、分享成功案例。
关于WijmoJS 前端开发工具包