原創|產品更新|編輯:王香|2018-07-11 10:15:46.000|閱讀 322 次
概述:WijmoJS 是用 TypeScript 編寫的新一代 JavaScript/HTML5 控件集,秉承觸控優先的設計理念,WijmoJS 在全球率先支持 AngularJS,同時支持 React、Vue 等前端框架,并提供性能卓越、零依賴的 FlexGrid 和圖表等多個控件。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
新一代 JavaScript 控件 WijmoJS 發布 2018 v1 版本,進一步增強產品功能,并支持在 Npm 上的安裝和發布,極大的提升了產品的易用性。主要更新內容如下:
為了保護用戶所發布程序的安全性,WijmoJS 實施了部署加密,以防止源碼被竊取。用戶只需要在購買的時候提交需要部署的域名信息,葡萄城技術團隊會將生成好的授權密鑰一并發送給用戶,用戶部署到服務器時, 需要為使用 WijmoJS 的應用程序生成部署授權密鑰,以便正常使用 WijmoJS 控件,并且保護用戶產品的版權。還可以將密鑰應用到用戶的系統中,用來實施產品加密。
WijmoJS 在本地主機上(localhost)不需要應用密鑰,因此開發過程將不會中斷。 只需在將應用程序部署到服務器時生成并應用密鑰。
如果在沒有分配密鑰的情況下部署 WijmoJS 應用程序,則會看到以下彈出窗口:
在產品或者項目中使用 WijmoJS 需要以下幾個步驟:
Example:
Wijmo.setlicenseKey(key);
注意:過去發布了兩個版本的 WijmoJS,一個是用于評估試用,一個用于正式開發。 現在只需一個版本就可以可以運行在兩種模式下(試用或正式開發),所以在開發時不再需要替換 WijmoJS 文件。
WijmoJS 之前一直有發布 NpmImages。 所有的 Angular v5 的 demo 都使用安裝 NpmImage 來作為 WijmoJS 的模塊,此外還有一種方式是教您從本地文件系統安裝 WijmoJS。 目前的好消息就是,如果使用了這兩種模式中的一種,則可以輕松轉移到 NPM。
唯一需要更改的是去除 package.json 中指向服務器的自定義 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 開發框架的更新。
根據 WijmoJS 用戶反饋,新增選項卡控件,使用戶可以在不同選項之間進行切換。
WijmoJS 的 TabPanel 控件最大的優勢是其高度智能化:在切換標簽時自動刷新 WijmoJS 控件。 之前,由于控件在呈現時需要在屏幕上可見(用于計算尺寸),因此其他選項卡控件會強制您手動刷新控件。 而現在,對于使用 WijmoJS TabPanel 控件的客戶來說,它將自動完成刷新任務,優化了顯示風格。
此外,所有示例中刪除了 Bootstrap 選項卡,并從所有示例中完全刪除了 jQuery,從此將不再需要依賴任何文件庫。
WijmoJS OLAP 功能更強大,因為它可以直接連接到 Microsoft SSAS Cubes。 以前,WijmoJS OLAP 可以處理客戶端聚合,因此它不需要服務器。 也有一個服務器端聚合的選項,但它需要安裝一個定制的 DataEngine。
而現在,WijmoJS OLAP 可以直接與 SSAS Cubes 進行對話。 這對于那些擁有現有 SSAS 多維數據集并希望創建直接綁定到多維數據集的 PivotGrid(和數據透視圖)的用戶非常有用。
此功能要求用戶在 SSAS 多維數據集中配置一些內容,以確保可以通過 AJAX 請求訪問它。
WijmoJS 有了一個支持 ActiveReports 的現代客戶端 ReportViewer 控件。 WijmoJS ReportViewer 是作為 TypeScript 中的一個控件編寫的,并且內置了對 Angular,React,Vue 等的支持。 它也提供多種模塊格式供模塊加載器使用。 這款尖端的 ReportViewer 是對尖端報告引擎的補充。
WijmoJS 為 FlexSheet 添加了子表格支持。 FlexSheet 中的表格的行為與 Excel 類似; 可以在工作表中選擇一系列單元格并將它們轉換為格式化的表格。
為具有復雜屬性的控件添加了子組件支持:例如 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>
WijmoJS 的所有新版本都將發布到支持 HTTPS 的新 CDN。 HTTPS 正在成為托管幾乎所有網絡內容的標準,還使 WijmoJS 更易于在 jsfiddle,codepen,jsbin 等網站上使用。
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>
此版本中提供輔助功能并增加更多增強功能。改進了無障礙功能:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網