x
联系我们,请拨打 400-657-6008 或点此预约技术顾问 了解更多 联系我们,请拨打 400-657-6008 或点此预约技术顾问 了解更多 联系我们,请拨打 400-657-6008 或点此预约技术顾问
  • 产品与技术
    • 低代码
    • 活字格低代码平台
    • 低代码技术
    • 智能报表
    • Wyn(商业智能软件)
    • ActiveReportsJS(纯前端报表控件)
    • ActiveReports(.NET报表控件)
    • 报表模板库
    • 表格控件
    • SpreadJS(纯前端表格控件)
    • GcExcel(服务端表格组件)
    • Spread .NET(.NET表格控件)
    • 葡萄城表格技术
    • 控件套包
    • GrapeCity Documents(服务端文档组件库)
    • WijmoJS(前端UI组件库)
    • ComponentOne Enterprise(.NET控件集)
  • 客户与案例
    • 典型客户
    • 成功案例
    • 用户访谈
  • 伙伴与生态
    • 合作伙伴网络
    • 葡萄城市场
    • 葡萄城与国产化
    • 活字格用友客开工具
  • 技术服务
    • 技术服务体系
    • 定制培训
    • 技术社区(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 年,是全球领先的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过各类软件开发工具和服务,创新开发模式,提升开发效率,推动软件产业发展,为“数字中国”建设提速。

产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
全球领先的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备:61019002000258  |   隐私政策  |   网站地图  |  

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

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