【更新】HTML5/JavaScript UI控件WijmoJS 2018 V1发布新增多个功能|附下载

WijmoJS 是用 TypeScript 编写的新一代 JavaScript/HTML5 控件集，秉承触控优先的设计理念，WijmoJS 在全球率先支持 AngularJS，同时支持 React、Vue 等前端框架，并提供性能卓越、零依赖的 FlexGrid 和图表等多个控件。

下载WijmoJS 2018 v1

新一代 JavaScript 控件 WijmoJS 发布 2018 v1 版本，进一步增强产品功能，并支持在 Npm 上的安装和发布，极大的提升了产品的易用性。主要更新内容如下：

引入新的 License 许可机制，提高用户程序的安全性

为了保护用户所发布程序的安全性，WijmoJS 实施了部署加密，以防止源码被窃取。用户只需要在购买的时候提交需要部署的域名信息，葡萄城技术团队会将生成好的授权密钥一并发送给用户，用户部署到服务器时, 需要为使用 WijmoJS 的应用程序生成部署授权密钥，以便正常使用 WijmoJS 控件，并且保护用户产品的版权。还可以将密钥应用到用户的系统中，用来实施产品加密。

WijmoJS 在本地主机上（localhost）不需要应用密钥，因此开发过程将不会中断。 只需在将应用程序部署到服务器时生成并应用密钥。

如果在没有分配密钥的情况下部署 WijmoJS 应用程序，则会看到以下弹出窗口：

在产品或者项目中使用 WijmoJS 需要以下几个步骤：

• Step1：购买 WijmoJS 产品
• Step2：发给您需要授权的域名给我们，获取部署授权密钥
• Step3：在您的产品或者项目中使用我们生成的部署授权，方法如下：

Example:

Wijmo.setlicenseKey(key);

注意：过去发布了两个版本的 WijmoJS，一个是用于评估试用，一个用于正式开发。 现在只需一个版本就可以可以运行在两种模式下（试用或正式开发），所以在开发时不再需要替换 WijmoJS 文件。

WijmoJS 支持在 Npm 上发布，减少系统维护时间和跟踪依赖程度

WijmoJS 之前一直有发布 NpmImages。 所有的 Angular v5 的 demo 都使用安装 NpmImage 来作为 WijmoJS 的模块，此外还有一种方式是教您从本地文件系统安装 WijmoJS。 目前的好消息就是，如果使用了这两种模式中的一种，则可以轻松转移到 NPM。

唯一需要更改的是去除 package.json 中指向服务器的自定义 URL，并添加要使用的特定版本的 WijmoJS：

Old (hosted):

"dependencies":{    "@angular/common":"^5.0.0",    ...    "Wijmo":"http://prerelease.componentone.com/Wijmo5/npm-images/C1Wijmo-Enterprise-Eval-CommonJs-5.20173.409.tgz",    "zone.js":"^0.8.18"},

Old (local):

"dependencies":{    "@angular/common":"^5.0.0",    ...    "Wijmo":" ../Wijmo_download/NpmImages/Wijmo-commonjs-min",    "zone.js":"^0.8.18"},

New:

"dependencies":{    "@angular/common":"^5.0.0",    ...    "Wijmo":"5.20181.450",    "zone.js":"^0.8.18"},

安装 WijmoJS 的 npm 命令如下：

npm install Wijmo

@import 语句也是一样的：

import * as wjcGrid from 'Wijmo/Wijmo.grid';

这就是新版本的 WijmoJS,希望能接受 WijmoJS 对于目前主流 web app 开发框架的更新。

新控件：智能的 TabPanel 选项卡控件

根据 WijmoJS 用户反馈，新增选项卡控件，使用户可以在不同选项之间进行切换。

WijmoJS 的 TabPanel 控件最大的优势是其高度智能化：在切换标签时自动刷新 WijmoJS 控件。 之前，由于控件在呈现时需要在屏幕上可见（用于计算尺寸），因此其他选项卡控件会强制您手动刷新控件。 而现在，对于使用 WijmoJS TabPanel 控件的客户来说，它将自动完成刷新任务，优化了显示风格。

此外，所有示例中删除了 Bootstrap 选项卡，并从所有示例中完全删除了 jQuery，从此将不再需要依赖任何文件库。

OLAP 中的 Microsoft SSAS Cube 支持

WijmoJS OLAP 功能更强大，因为它可以直接连接到 Microsoft SSAS Cubes。 以前，WijmoJS OLAP 可以处理客户端聚合，因此它不需要服务器。 也有一个服务器端聚合的选项，但它需要安装一个定制的 DataEngine。

而现在，WijmoJS OLAP 可以直接与 SSAS Cubes 进行对话。 这对于那些拥有现有 SSAS 多维数据集并希望创建直接绑定到多维数据集的 PivotGrid（和数据透视图）的用户非常有用。

此功能要求用户在 SSAS 多维数据集中配置一些内容，以确保可以通过 AJAX 请求访问它。

ReportViewer 中的 ActiveReports 支持

WijmoJS 有了一个支持 ActiveReports 的现代客户端 ReportViewer 控件。 WijmoJS ReportViewer 是作为 TypeScript 中的一个控件编写的，并且内置了对 Angular，React，Vue 等的支持。 它也提供多种模块格式供模块加载器使用。 这款尖端的 ReportViewer 是对尖端 告引擎的补充。

FlexSheet Tables

WijmoJS 为 FlexSheet 添加了子表格支持。 FlexSheet 中的表格的行为与 Excel 类似; 可以在工作表中选择一系列单元格并将它们转换为格式化的表格。

React 子组件支持

为具有复杂属性的控件添加了子组件支持：例如 FlexGrid Column 对象的 FlexGridColumn 和 Chart Series 对象的 FlexChartSeries。 这使得标记中的控件和绑定更加强大。

下面是一个 FlexGrid 的示例，其中列出了标记中声明的列：

<Wj.FlexGrid itemsSource={this.state.data}>    <Wj.FlexGridColumn header={this.state.countryHeader} binding="country" width="*" />    <Wj.FlexGridColumn header="Date" binding="date" />    <Wj.FlexGridColumn header="Revenue" binding="amount" format="n0" /><Wj.FlexGridColumn header="Active" binding="active" /></Wj.FlexGrid>

HTTPS CDN

WijmoJS 的所有新版本都将发布到支持 HTTPS 的新 CDN。 HTTPS 正在成为托管几乎所有 络内容的标准，还使 WijmoJS 更易于在 jsfiddle，codepen，jsbin 等 站上使用。

WijmoJS CDN 的新 URL 如下：

<!-- Wijmo references (required) --><script src="https://cdn.grapecity.com/Wijmo/5.20181.450/controls/Wijmo.min.js"></script><link href="https://cdn.grapecity.com/Wijmo/5.20181.450/styles/Wijmo.min.css" rel="stylesheet"/><!-- Wijmo controls (optional, include the controls you need) --><script src="https://cdn.grapecity.com/Wijmo/5.20181.450/controls/Wijmo.grid.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.20181.450/controls/Wijmo.chart.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.20181.450/controls/Wijmo.input.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.20181.450/controls/Wijmo.gauge.min.js"></script>

承载了最新版本，每个正式版本都会更新：

<script src="https://cdn.grapecity.com/Wijmo/5.latest/controls/Wijmo.min.js"></script><link href="https://cdn.grapecity.com/Wijmo/5.latest/styles/Wijmo.min.css" rel="stylesheet"/><!-- Wijmo controls (optional, include the controls you need) --><script src="https://cdn.grapecity.com/Wijmo/5.latest/controls/Wijmo.grid.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.latest/controls/Wijmo.chart.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.latest/controls/Wijmo.input.min.js"></script><script src="https://cdn.grapecity.com/Wijmo/5.latest/controls/Wijmo.gauge.min.js"></script>

辅助功能增强

此版本中提供辅助功能并增加更多增强功能。改进了无障碍功能:

• 分层 FlexGrid（带有 ARIA treegrid 属性）
• 自动完成和组合框
• FlexGridFilter 对话框

标签：HTML5/JS控件