轉帖|產品更新|編輯:龔雪|2022-09-27 11:23:27.397|閱讀 236 次
概述:本文將為大家介紹SpreadJS 純前端表格控件在v15.0 Update1新版本中發(fā)布的功能,歡迎下載產品體驗~
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
SpreadJS結合40余年專業(yè)控件技術和在電子表格應用領域的經驗而推出的純前端表格控件,基于 HTML5,兼容 450 多種 Excel 公式,具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性,備受華為、明源云、遠光軟件等知名企業(yè)青睞,被中國軟件行業(yè)協(xié)會認定為“中國優(yōu)秀軟件產品”。SpreadJS在界面和功能上與 Excel 高度類似,但又不局限于 Excel,而是為企業(yè)信息化系統(tǒng)提供 表格文檔協(xié)同編輯、 數(shù)據(jù)填報 和 類 Excel 報表設計 的應用場景支持,極大降低了企業(yè)研發(fā)成本和項目交付風險。
獲取SpreadJS v15.0 Update1官方正式版下載
1. 多行列頭支持
集算表現(xiàn)在支持在列標題中顯示多行,允許您在相關字段的層次結構中直觀地將列分組在一起。 此功能包含在用于集算表和表格編輯器的 SpreadJS 腳本文件中。
2. 列頭自由區(qū)域
新版本中添加的另一個強大功能是支持集算表中的空閑標題區(qū)域。 這使您可以在 TableSheet 視圖上方創(chuàng)建一個動態(tài)標題區(qū)域,其中包括對公式、格式設置等的完全支持,使其成為提供支持摘要數(shù)據(jù)的理想選擇。
3. 交叉列支持
集算表交叉列是此次新版本中添加的最重要功能之一,極大地增強了數(shù)據(jù)輸入功能。 交叉列允許您在單個行視圖中顯示(透視或轉置)來自多個相關表或記錄的字段。
下方示例是在單行而不是多行中顯示具有多個記錄選項的 Payment Method 字段。
在此示例中,交叉列允許您在一行中顯示現(xiàn)金、支票、ACH 和 CC 選項,使您的用戶可以輕松輸入或編輯此數(shù)據(jù)。 交叉列本質上將這些數(shù)據(jù)轉換為更簡化的行視圖,例如用于數(shù)據(jù)輸入的數(shù)據(jù)透視表。
這也可以用于預算或費用報告等內容。
4. 基于集算表直接創(chuàng)建透視表
新版本中支持從 TableSheets 創(chuàng)建數(shù)據(jù)透視表。 您現(xiàn)在可以在創(chuàng)建數(shù)據(jù)透視表時引用 TableSheet 數(shù)據(jù),如下所示:
5. 列頭折疊模式增強
在許多情況下,TableSheet 中的列將包含比列寬更長的標題文本。Stacked-Mode API 增強功能允許您在不增加列寬的情況下顯示全文,使其非常適合呈現(xiàn)窄列數(shù)據(jù)/條目,同時仍為標題標簽提供上下文。 此增強功能現(xiàn)在支持在這些堆疊模式列標題中使用垂直文本:
1. 跨工作簿公式函數(shù)支持
在此版本中添加的SpreadJS最受歡迎的功能之一是支持跨工作簿公式。
這個新功能允許您的用戶輸入包含對其他SpreadJS工作簿中數(shù)據(jù)的引用的公式。 其他工作簿的文件名包含在公式中的方括號內:
2. 形狀支持引用單元格內容
在之前的 SpreadJS 版本中,我們?yōu)樾螤钐砑恿嗽谄渲刑砑游谋?的功能。 我們在此版本中增強了此功能,現(xiàn)在包括在內容為形狀時添加單元格引用的功能。
3. 顯示所有工作表列表
為了使 SpreadJS 中的多個工作表易于導航,我們在工作表選項卡欄中添加了一個“所有工作表”按鈕,該按鈕顯示工作簿中所有工作表的下拉列表,以便于選擇它們。
4. 表格內的拖拽行為增強
SpreadJS中的拖放功能已得到增強,可以插入行而不是覆蓋現(xiàn)有行。 選擇一行并拖動它時,將出現(xiàn)一條突出顯示的行,表示拖動行的新位置:
5. 支持工作表的“深度隱藏”設置
在新版本中,添加了一個新的隱藏狀態(tài),稱為“深度隱藏”。這與標準“隱藏”狀態(tài)的行為相同,只是無法通過 UI 執(zhí)行隱藏和取消隱藏操作。此設置也支持對 Excel 兼容。
1. 支持日期切片器
SpreadJS數(shù)據(jù)透視表現(xiàn)在支持時間線切片器,這使您的用戶能夠方便地按特定日期切片數(shù)據(jù)。除了按日期過濾數(shù)據(jù)透視表外,您還可以使用時間線切片器通過強大的滑塊控件按日期和/或時間。
2. 顯示無數(shù)據(jù)項目
默認情況下,數(shù)據(jù)透視表將僅顯示包含數(shù)據(jù)的項目,當行或列在過濾時不可見時,這一點尤其明顯。使用這個新的“顯示沒有數(shù)據(jù)的項目”選項,您可以啟用數(shù)據(jù)透視表來顯示這些空白值,即使它們沒有任何數(shù)據(jù)。
1. 支持 “." 對象操作符
計算引擎現(xiàn)在支持使用“.” 作為運算符來檢索對象的屬性。 例如,如果單元格 A1 包含一個具有屬性“productName”的對象,您可以使用此運算符來引用它:A1.productName。
1. 格式化符號本地化語言支持
我們添加的新設計器功能之一是對 CultureInfo 的增強。 這包括:
2. Vue3 框架支持
已經在 SpreadJS 中支持 Vue3,并且在這個版本中,在編輯器組件中添加了 Vue3 支持。
1. 按條件獲取有效區(qū)域:GetUsedRange()
不少同時使用SpreadJS和GCExcel的客戶,都會問為什么GCExcel中提供了getUsedRange()方法,可以很方便的獲取當前使用區(qū)域,從而獲取相關數(shù)據(jù)。而SpreadJS卻沒有這個API,導致獲取數(shù)據(jù)需要根據(jù)行列總數(shù)依次獲取,但實際上,很多單元格都是空白單元格,寫起來比較麻煩。SpreadJS也是積極響應客戶需求,在15.1.0中新增了工作表(Worksheet)級別上的getUsedRange()方法。getUsedRange()方法接收一個參數(shù),根據(jù)這個參數(shù),可以獲取不同元素的使用區(qū)域,詳細的參數(shù)枚舉列表如下:
2. 對區(qū)域直接設置樣式
在之前的 SpreadJS 版本中,必須使用循環(huán)逐個單元格地設置樣式和樣式名稱。 此版本通過在整個單元格范圍上提供 setStyle 和 setStyleName API 消除了循環(huán)的需要,使代碼更簡單一些。
本文內容源自
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: