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