WijmoJS 新版发布:再度增强 React 和 Vue 框架的组件功能

  • 时间:
  • 浏览:0

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

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

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 中自定义 React 菜单和列表项模板》

除了上述功能,WijmoJS 还加带了二个多多全新的 wjItemTemplate '渲染道具',下面大家 会详细介绍哪几种‘道具’的功能:

• ListBox

• ComboBox

• MultiSelect

• 菜单

Vue 框架下 WijmoJS 组件功能增强

与 React 框架下的功能类似于,WijmoJS 针对 Vue 框架的互操作也做了不少优化。在新版本中,WijmoJS 为 Vue 菜单项加带了 wj-menu-item 和 wj-menu-separator 组件。

至此,向 WijmoJS 的菜单组件加带项的措施将不限于:将其绑定到菜单项数据数组,还才能使用声明的措施加带 Vue 菜单项。

点击此处,详细了解《WijmoJS 以声明措施加带 Vue 菜单项 》

仪表盘的自定义能力增强

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

此外,WijmoJS 还使用新的 RadialGauge 属性和措施,加带了对针型指针的支持:

• needleShape

• needleLength

• needleElement

• createNeedleElement

支持模板字符串常量

在新版本中,WijmoJS 加带了二个多多新的 i18n 模板字符串函数。

模板字符串是ES2015 / ES6中引入的二个多多非常棒的JavaScript功能,它们允许您使用插入值来构建多行字符串,并使防止嵌入字符串中的单引号和双引号变得更加容易。

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

点击此处,详细了解《WijmoJS 支持的模板字符串常量》

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

如今,几乎所有优秀的 Web 任务管理器运行运行都才能实现 Undo / Redo(撤消和重做)操作。在新版本中,WijmoJS 推出了二个多多更高效的防止方案:使用 Undo / Redo 类来管理任务管理器运行运行级别的操作历史。

不同于HTML提供的基本的撤消/重做功能,WijmoJS的撤消和重做更为灵活且易用——带有UndoStack类的“撤消”模块。您才能使用UndoStack类为网页或表单提供撤消/重做功能,UndoStack类将自动监听所有HTML输入元素以及WijmoJS控件,如FlexGrid、组合框、InputDate和仪表盘。当然,您也详细才能将它与 FlexGrid 一块儿使用,但大家 更建议您在整个任务管理器运行运行中尝试此措施!

详细了解《使用 WijmoJS 轻松实现 Undo / Redo(撤消重做)》

全新的分页控件

在新版本中,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 新版功能,请点击此处,免费下载试用。一块儿,也欢迎加入红心红心泥猴桃 城前端技术交流群:720389894(QQ群),与更多前端开发者交流产品使用心得、分享成功案例。

关于WijmoJS 前端开发工具包

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

(本内容属于网络转载,文中涉及图片等内容如有侵权,请联系编辑删除)