x
ActiveReports V15.0 重磅发布:支持 .NET 5,提升Web设计器体验 了解更多 ActiveReports V15.0 重磅发布:支持 .NET 5,提升Web设计器体验 了解更多 ActiveReports V15.0 重磅发布:支持 .NET 5,提升Web设计器体验 了解更多
  • 活字格
  • 智能报表
    • 返回
      • 报表工具

      • Wyn Enterprise(商业智能)
      • ActiveReports(.NET报表控件)
      • ActiveReportsJS(纯前端报表控件)
      • 报表模板库
  • 表格控件
    • 返回
      • Spread表格控件

      • SpreadJS(纯前端表格控件)
      • GcExcel(服务端表格组件)
      • Spread .NET(.NET表格控件)
  • 控件套包
    • 返回
      • 葡萄城控件套包

      • WijmoJS(前端UI组件库)
      • ComponentOne Enterprise(.NET控件集)
      • ComponentOne for Winform
      • ComponentOne for WPF
      • ComponentOne for ASP.NET MVC
      • GrapeCity Documents(服务端文档组件)
  • 图像影像控件
    • 返回
      • 图像影像控件

      • LeadTools Medical(医学影像)
      • LeadTools OCR(文字识别)
  • 技术服务
    • 返回
      • 技术服务体系

      • 海量技术资源
      • GCDN 技术社区
      • 金牌服务
      • 新手训练营
      • 个性化定制服务
      • 技术博客
  • 公司动态
    • 返回
      • 公司动态

      • 葡萄城动态
      • 产品动态
      • 业务资讯
      • 研发与创新
      • 加入我们
  • 关于葡萄城

    • 了解葡萄城
    • 愿景使命
    • 企业理念
    • 新闻中心
    • 荣誉奖项
    • 加入我们
    • 联系方式
返回新闻中心

WijmoJS V2019.0 Update2发布:再度增强 React 和 Vue 框架的组件功能

2019.09.19

前端开发工具包 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 2019V1 下载地址

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

  1. React 框架下组件功能增强
  2. Vue 框架下组件功能增强
  3. 仪表盘的自定义能力增强
  4. 新增模板字符串常量
  5. Undo / Redo(撤销/重做)
  6. 全新的分页控件
  7. FlexGrid 中的多区域选择
  8. FlexGrid 中性能调优 API
  9. 全球化中更多语言支持

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 新版功能,请点击此处,免费下载试用。同时,也欢迎加入葡萄城前端技术交流QQ群:720389894,与更多前端开发者交流产品使用心得、分享成功案例。

关于WijmoJS 前端开发工具包

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


关于葡萄城

葡萄城成立于 1980 年,是全球领先的软件开发技术提供商,以“赋能开发者”为使命,致力于通过各类软件开发工具和服务,创新开发模式,提升开发效率,服务企业数智化转型。

产品
活字格
智能报表
表格控件
全功能控件套包
图像影像控件
文字处理控件
合作与共享
生态伙伴体系
葡萄城技术认证体系
模板库共建行动
技术服务
海量技术资源
GCDN 技术社区
金牌服务
新手训练营
个性化定制服务
技术博客
品牌活动
品牌战略发布会
赋能开发者高峰论坛
葡萄城公开课
前端技术研讨会
寻找报表大师
表格技术案例大赛
企业级低代码应用大赛
关于葡萄城
了解葡萄城
愿景使命
企业理念
新闻中心
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

全球领先的软件开发技术提供商

陕ICP备09013107号  |   隐私政策  |   网站地图  |  

国家   china
  • china   China
  • united_states   USA - International
  • japan   Japan
  • south-korea   South Korea

邮箱: info.xa@grapecity.com  |  Copyright © 2021 GrapeCity inc.

返回顶部