WijmoJS 前端開發(fā)工具包軟件
產(chǎn)品編號:111013
當前版本:2020
開 發(fā) 商:grapecity
產(chǎn)品類型:獨立控件
產(chǎn)品功能:圖表
開發(fā)平臺:Visual Studio 2005 / Visual Studio 2008
其他特性:Web Form / Windows Form / 兼容Sharepoint / Ajax支持
產(chǎn)品源碼:不提供源碼
WijmoJS 是一款基于 HTML5 的前端開發(fā)工具包,由 80 多種靈活、高效、跨平臺、零依賴的 Java Script UI 組件構成,如表格(Grid)、圖表(Chart)、數(shù)據(jù)分析(Olap)、導航(Navigation)和金融圖表等,完美兼容原生 Java Script,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可助力企業(yè)以 快的速度開發(fā)并構建出一套成熟的 Web 應用程序。
WijmoJS 自面市以來,已先后在微軟 Dynamics 項目、思科、特斯拉、富士通等知名企業(yè)中得以成功應用,憑借其先進的體系架構、超過 500 種示例源碼、頂級的控件性能、原生觸控支持,以及輕松、易用的操作體驗,可全面滿足企業(yè)開發(fā)所需,是 適合構建企業(yè)級Web 應用的前端開發(fā)工具。
Wijmo UI控件支持Angular 2
從Angular的1.x時代開始Wijmo就已經(jīng)支持Angular了。 近,我們正在和Angular團隊合作來支持Angular 2。有趣的是,對Angualr 2 的支持甚至更容易。我們的源代碼用TypeScript編寫,我們可以很容易地擴展我們的控件類,來輕松地創(chuàng)建Angular 2組件。
Wijmo為每一個UI控件都提供了Angular 2 組件。所有Angular 2組件都提供了完全聲明性標記。我們已經(jīng)對有需要的屬性提供了雙向綁定的支持,我們還對定制綁定和一些組件提供了附加功能,比如對FlexGrid中的單元格模板,可以允許你用標簽指明單元格的內(nèi)容。
Wijmo的Angular 2組件被封裝為模塊并且可以在Angular 2應用中作為NPM包被使用。我們遵循Angular 2團隊設置的模式。在Angular2中使用Wijmo組件會感到非常熟悉。
HTML 5 OLAP模塊
目前Wijmo企業(yè)版已經(jīng)包含OLAP。當你有很多數(shù)據(jù)時,如果你看的是一個普通的項目列表分析就很困難。數(shù)據(jù)透視表可以匯總數(shù)據(jù)并且允許你用不同的方式操縱它來幫助你分析。Excel也有”Pivot Tables”(數(shù)據(jù)透視表)來使分析變得容易。你選中原始數(shù)據(jù),單擊”插入數(shù)據(jù)透視表“,選擇一個目標,可以看到一個面板,這里你可以用不同的方法拖放字段來匯總數(shù)據(jù)并且立即看到結(jié)果。這是Excel 強大和受歡迎的功能之一。
Wijmo中的OLAP在你的HTML 5應用中提供類似的功能。在網(wǎng)頁中增加一個PivotPanel控件,通過設置它的數(shù)據(jù)源屬性來給它一些原始數(shù)據(jù),并且連接到PivotGrid控件或者PivotChart控件來查看結(jié)果。
PivotPanel
Wijmo的PivotPanel跟Excel中的數(shù)據(jù)透視表字段列表是非常相似的,為 終用戶提供了一個熟悉的,快速的體驗。
• PivotPanel展示了一個列表,它包含數(shù)據(jù)庫中所有可用字段,允許 終用戶很容易的創(chuàng)建數(shù)據(jù)的分析視圖。
• 用戶可以把字段拖放到面板的四個不同的區(qū)域。
• Filter
• Columns
• Rows
• Values
• PivotPanel的智能數(shù)據(jù)類型節(jié)省了用戶大量的時間。例如,如果選中一個字符類型,它會自動把這個字段放到Rows 區(qū)域,但是如果選中數(shù)字類型,它會自動把這個字段放到Values 區(qū)域。
• 你可以在Values 區(qū)域多次使用同一個字段來展示總數(shù)聚合和合計聚合。
• PivotPanel也借助Wijmo全球化模塊支持數(shù)據(jù)過濾和格式化。
PivotGrid
PivotGrid允許 終用戶創(chuàng)建數(shù)據(jù)分析視圖。這個類Excel的數(shù)據(jù)透視表簡化了大數(shù)據(jù)集的顯示和導航并且綁定到了PivotPanel。PivotGrid支持展開、折疊行并且可以展示聚合數(shù)據(jù)包括分組行的小計。
PivotGrid擴展了FlexGrid并且提供了非常靈活的顯示和簡易的單元格格式化。
PivotChart
PivotChart是FlexChart的一個擴展用來優(yōu)化聚合數(shù)據(jù)的展示。當它綁定到PivotPanel,它可以按照用戶選擇的字段可視化地進行分組。
Wijmo PDF
Wijmo的PDF模塊是一個基于PDFKit的庫用來生成PDF文檔。它是被用作將FlexGrid 和FlexChart輸出為PDF。Wijmo的PDF模塊也支持在單個文檔中繪制FlexGrid、FlexChart,同時混有任意PDF基本元素比如文本、圖形和圖片。
支持Material Design
Material Design Lite (MDL)是谷歌為web開發(fā)者實現(xiàn)的Material Design規(guī)范,它潮流、漂亮是Bootstrap CSS替代者。我們已經(jīng)創(chuàng)建了大約300個全新的Wijmo主題支持所有的MDL標準顏色組合,并且創(chuàng)建了一個樣例來展示你如何使用Wijmo控件滿足Material Design。
FlexSheet 樣例
我們已經(jīng)在這次發(fā)布中加入了一些綜合的FlexSheet樣例。
FlexSheet Explorer 樣例展示了很多FlexSheet的 佳特征,在一個程序中你可以體驗到很多的特征。這個樣例的源代碼也可以用來展示這些特征的實現(xiàn)。
我們也添加了FlexSheet 101 樣例,是一個帶你領略FlexSheet基本原理的入門指南。
變更日志
l 增加wijmo.angular2.*模塊(測試版),允許開發(fā)者在Angular 2應用標簽中使用Wijmo控件。 Angular 2 Explorer | Angular 2 Info。
l 增加wijmo.chart.animation模塊,包含主要類ChartAnimation,為FlexChart,FlexPie和FinancialChart提供動畫效果。FlexChartAnimation樣例展現(xiàn)了模塊的特征。Chart Animation Sample
l 增加ChartGestures 到wijmo.chart.interaction模塊。這個類在FlexChart控件中增加了觸摸縮放和手指平移功能。FlexChartZoom樣例展示了這個類的使用。
l 增加FlexChartBase.exportToImage方法,允許把表格轉(zhuǎn)化為PNG,JPEG和SVG格式。Chart Export Sample
l 增加Axis.labelPadding屬性控制坐標軸標簽的填充。
l 增加wijmo.olap模塊向Wijmo提供類Excel的數(shù)據(jù)透視表。OLAP 101 Sample OLAP Blog Series
l 增加FlexSheetExplorer樣例 和FlexSheet 101樣例FlexSheet Explorer | FlexSheet 101
l 增加超過200個Material Design 主題和Material Design 樣例。Material Design | Material Design Blog
l 增加wijmo.pdf模塊,包含主要類PdfDocument,為客戶端提供創(chuàng)建pdf格式文件的功能。這個模塊是基于PDFKit庫(http://pdfkit.org/)的一個修正版本,并將它縮小到375Kb。
l 增加wijmo.grid.pdf模塊,是wijmo.pdf 和wijmo.grid模塊的擴展,提供了把FlexGrid轉(zhuǎn)化為PDF格式的功能。
l 增加PrintDocument類到wijmo模塊。這個類允許你創(chuàng)建用來打印的文檔,在新式瀏覽器上都包含轉(zhuǎn)換為pdf的選項。
l 修正FlexGridFilter模塊,當所有可能值被選中時,清除值的篩選。
l 增加FlexGrid.preserveSelectedState屬性來控制當數(shù)據(jù)更新時,網(wǎng)格是否應該保存行的選中狀態(tài)。
l 增加FlexGrid.preserveOutlineState屬性來控制當數(shù)據(jù)更新時,網(wǎng)格是否應該保存組行的折疊和擴展狀態(tài)。
l 增加Tooltip.showAtMouse屬性使工具提示的位置可以根據(jù)鼠標位置計算出來而不是目標元素。
l 使FlexGrid中的stickyHeaders對鼠標可見,因此用戶可以在粘貼模式下與列互動(分類/移動/調(diào)整大小/篩選)。
l Wijmo Enterprise新特性
l wijmo.grid.sheet.FlexSheet類中,’addCustomFunction’方法中的’override’參數(shù)被刪除。