下載WijmoJS 2018 v1

新一代 JavaScript 控件 WijmoJS 發(fā)布 2018 v1 版本，進一步增強產(chǎn)品功能，并支持在 Npm 上的安裝和發(fā)布，極大的提升了產(chǎn)品的易用性。主要更新內(nèi)容如下：

引入新的 License 許可機制，提高用戶程序的安全性

為了保護用戶所發(fā)布程序的安全性，WijmoJS 實施了部署加密，以防止源碼被竊取。用戶只需要在購買的時候提交需要部署的域名信息，葡萄城技術(shù)團隊會將生成好的授權(quán)密鑰一并發(fā)送給用戶，用戶部署到服務(wù)器時, 需要為使用 WijmoJS 的應(yīng)用程序生成部署授權(quán)密鑰，以便正常使用 WijmoJS 控件，并且保護用戶產(chǎn)品的版權(quán)。還可以將密鑰應(yīng)用到用戶的系統(tǒng)中，用來實施產(chǎn)品加密。

WijmoJS 在本地主機上（localhost）不需要應(yīng)用密鑰，因此開發(fā)過程將不會中斷。 只需在將應(yīng)用程序部署到服務(wù)器時生成并應(yīng)用密鑰。

如果在沒有分配密鑰的情況下部署 WijmoJS 應(yīng)用程序，則會看到以下彈出窗口：

在產(chǎn)品或者項目中使用 WijmoJS 需要以下幾個步驟：

• Step1：購買 WijmoJS 產(chǎn)品
• Step2：發(fā)給您需要授權(quán)的域名給我們，獲取部署授權(quán)密鑰
• Step3：在您的產(chǎn)品或者項目中使用我們生成的部署授權(quán)，方法如下：

Example:

Wijmo.setlicenseKey(key);

注意：過去發(fā)布了兩個版本的 WijmoJS，一個是用于評估試用，一個用于正式開發(fā)。 現(xiàn)在只需一個版本就可以可以運行在兩種模式下（試用或正式開發(fā)），所以在開發(fā)時不再需要替換 WijmoJS 文件。

WijmoJS 支持在 Npm 上發(fā)布，減少系統(tǒng)維護時間和跟蹤依賴程度

WijmoJS 之前一直有發(fā)布 NpmImages。 所有的 Angular v5 的 demo 都使用安裝 NpmImage 來作為 WijmoJS 的模塊，此外還有一種方式是教您從本地文件系統(tǒng)安裝 WijmoJS。 目前的好消息就是，如果使用了這兩種模式中的一種，則可以輕松轉(zhuǎn)移到 NPM。

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

Old (hosted):

"dependencies":{
    "@angular/common":"^5.0.0",
    ...
    "Wijmo":"//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 開發(fā)框架的更新。

新控件：智能的 TabPanel 選項卡控件

根據(jù) WijmoJS 用戶反饋，新增選項卡控件，使用戶可以在不同選項之間進行切換。

WijmoJS 的 TabPanel 控件最大的優(yōu)勢是其高度智能化：在切換標簽時自動刷新 WijmoJS 控件。 之前，由于控件在呈現(xiàn)時需要在屏幕上可見（用于計算尺寸），因此其他選項卡控件會強制您手動刷新控件。 而現(xiàn)在，對于使用 WijmoJS TabPanel 控件的客戶來說，它將自動完成刷新任務(wù)，優(yōu)化了顯示風(fēng)格。

此外，所有示例中刪除了 Bootstrap 選項卡，并從所有示例中完全刪除了 jQuery，從此將不再需要依賴任何文件庫。

OLAP 中的 Microsoft SSAS Cube 支持

WijmoJS OLAP 功能更強大，因為它可以直接連接到 Microsoft SSAS Cubes。 以前，WijmoJS OLAP 可以處理客戶端聚合，因此它不需要服務(wù)器。 也有一個服務(wù)器端聚合的選項，但它需要安裝一個定制的 DataEngine。

而現(xiàn)在，WijmoJS OLAP 可以直接與 SSAS Cubes 進行對話。 這對于那些擁有現(xiàn)有 SSAS 多維數(shù)據(jù)集并希望創(chuàng)建直接綁定到多維數(shù)據(jù)集的 PivotGrid（和數(shù)據(jù)透視圖）的用戶非常有用。

此功能要求用戶在 SSAS 多維數(shù)據(jù)集中配置一些內(nèi)容，以確保可以通過 AJAX 請求訪問它。

ReportViewer 中的 ActiveReports 支持

WijmoJS 有了一個支持 ActiveReports 的現(xiàn)代客戶端 ReportViewer 控件。 WijmoJS ReportViewer 是作為 TypeScript 中的一個控件編寫的，并且內(nèi)置了對 Angular，React，Vue 等的支持。 它也提供多種模塊格式供模塊加載器使用。 這款尖端的 ReportViewer 是對尖端報告引擎的補充。

FlexSheet Tables

WijmoJS 為 FlexSheet 添加了子表格支持。 FlexSheet 中的表格的行為與 Excel 類似; 可以在工作表中選擇一系列單元格并將它們轉(zhuǎn)換為格式化的表格。

React 子組件支持

為具有復(fù)雜屬性的控件添加了子組件支持：例如 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 的所有新版本都將發(fā)布到支持 HTTPS 的新 CDN。 HTTPS 正在成為托管幾乎所有網(wǎng)絡(luò)內(nèi)容的標準，還使 WijmoJS 更易于在 jsfiddle，codepen，jsbin 等網(wǎng)站上使用。

WijmoJS CDN 的新 URL 如下：

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

承載了最新版本，每個正式版本都會更新：

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

輔助功能增強

此版本中提供輔助功能并增加更多增強功能。改進了無障礙功能:

• 分層 FlexGrid（帶有 ARIA treegrid 屬性）
• 自動完成和組合框
• FlexGridFilter 對話框