目前為止，SpreadJS純前端表格控件已經(jīng)更新到v12.2版本。那么，在 SpreadJS的下一個大版本v13中又會加入哪些核心功能？SpreadJS又有哪些開發(fā)計劃呢？下面請跟隨小編一起來揭開SpreadJS v13的層層神秘面紗。

以下內(nèi)容涉嫌劇透，請下載SpreadJS試用版學習體驗后，再來查看。

點擊下載SpreadJS試用版

十大功能特性，將賦予SpreadJS更多期待

一、追求極致的單元格特性

單元格狀態(tài)：Cell States。在SpreadJS v13中，單元格包含五種狀態(tài)，分別是Normal（正常狀態(tài)）、Hover（浮動狀態(tài)）、Invalid（保護狀態(tài)）、ReadOnly（只讀狀態(tài)）和Edit（編輯狀態(tài)）。用戶不僅可以更為精確地獲取單元格項目和當前狀態(tài)，還可以通過數(shù)據(jù)綁定、判斷單元格狀態(tài)等，快速定位、查找、編輯、鎖定、篩選單元格的值。

新單元格類型：Checkbox & RadioBox List。在SpreadJS v13中，新增了兩種單元格類型——選擇框和單選列表。

新單元格類型：Cell Dropdown。除了選擇框和單選列表，在SpreadJS v13中，還將新增多種下拉列表單元格類型：‘colorpicker| 'calendar'|'time'|'calculator'|'month'|'list'|'slider'|'workflow'（顏色拾取器、日程表、時間、日歷、月份、列表、切片器、工作流等）

新單元格類型：VoteInput。在SpreadJS v13中，用戶可以使用一種新的單元格類型——VoteInput（投票）。

新單元格類型：SignaturePad。在SpreadJS v13中，用戶可以使用一種新的單元格類型——SignaturePad（無紙化電子簽名）。

新單元格按鈕： Cell button。在SpreadJS v13中，用戶可以使用一種新的單元格按鈕——Cell button（單元格按鈕類型）。

二、表格API增強：表格樣式按需修改、高度開放自定制

用戶使用SpreadJS創(chuàng)建表單和管理數(shù)據(jù)，將獲得前所未有的操縱體驗。通過調(diào)用SpreadJS提供的API接口，用戶可以在運行時和設計時兩種狀態(tài)下，完成以下操作：

• 添加行/添加列

• 刪除行/刪除列

• 在表格中獲取插入行、刪除行、臟數(shù)據(jù)

• 將Excel表轉換為數(shù)據(jù)范圍

三、表格UI交互增強：全方位分析表格數(shù)據(jù)，順利完成前后端交互

表格數(shù)據(jù)交互，作為用戶界面設計中不容忽視的重要組成部分，其目的是通過構造結構化數(shù)據(jù)，讓用戶更易讀取、更易比較。

SpreadJS作為一款純前端電子表格控件，充分考慮到了這一應用場景，并全面增強了表格數(shù)據(jù)交互分析能力，其功能具體體現(xiàn)在：

1、自動擴展Auto Expand

input/copy-cut&paste/dragfill/dragdrop

2、調(diào)整大小手柄Resize Handler

3、滾動時表頭顯示Show Header when Scroll

4、更方便的表格選擇Selection

5、更智能的表格導航Navigation

四、表格數(shù)據(jù)綁定增強：流式分析，為大數(shù)據(jù)處理奠定契機

SpreadJS v13將支持流式分析，這樣做的好處是：處理大數(shù)據(jù)計算，流式分析只用幾分鐘就可搞掂，相比于常規(guī)模式，計算效率可達到幾十倍的提升。

表單綁定支持的流動屬性，包含：

• 名稱

• 格式化

• 單元格類型

• 值（值轉換函數(shù)）

• 寬度

• 可見

• 可調(diào)整大小

• 分頁符

• 顯示名稱

單張表綁定支持的流動屬性，包含：

• 名稱

• dataField

SpreadJS支持的表綁定流動屬性，包含：

• 格式化

• 單元格類型

• 值（值轉換函數(shù)）

五、支持動態(tài)數(shù)組：大幅簡化計算公式，提高公式運算效率

Excel 2019推出了動態(tài)數(shù)組函數(shù)，用于簡化復雜計算公式：使用動態(tài)數(shù)組，返回值將自動“輸出”到相鄰單元格中（未使用的）。用戶只需編寫一個簡單的公式，而不是編寫復雜的數(shù)組公式就可解決多單元格問題。

SpreadJS實現(xiàn)的動態(tài)數(shù)組效果如下：

六、支持線程式批注和注釋：改變批注的工作方式，加強協(xié)同辦公管理

如同Excel for Office 365一般，SpreadJS線程式批注和注釋將徹底改變您的工作方式：協(xié)同管理，允許你與其他人討論數(shù)據(jù)。

線程式批注和注釋是一種新類型的注釋（過去的“comment”已重命名為“note”，現(xiàn)在“注釋”表示Excel中的線程注釋），效果如下所示：

七、支持公式追蹤：可快速查看公式中引用的單元格數(shù)據(jù)

在使用公式時，有時需要了解公式中引用了哪些單元格的數(shù)據(jù)，這就涉及到公式追蹤的操作。在SpreadJS v13中，用戶可以利用公式追蹤 API，快速且方便的構建數(shù)據(jù)關系拓撲圖，以便進行審查、數(shù)據(jù)鉆取、可視化顯示等。

八、格式化字符串：提供重新處理單元格值的能力

在SpreadJS v13中，您可以使用公式或文本值模板重新處理當前單元格中的值：

九、新增事件：ColumnChangingEvent & RowChangingEvent

當用戶對工作表執(zhí)行Delete/Insert/Hide/Unhide等操作時，如果希望在執(zhí)行操作之前觸發(fā)一個事件，該事件可以用來確認對象的數(shù)據(jù)，并控制該操作是否繼續(xù)執(zhí)行。此時，新增的這兩個事件就可以派上用場。

十、行為增強：Advanced Resize

在SpreadJS v13中，Advanced Resize添加了一種調(diào)整大小的方法 onlyNextTo 。

它與一般調(diào)整大小的方式不同，使用onlyNextTo調(diào)整大小只會改變當前列/行和下一個可見列/行的大小。

以上就是 SpreadJS純前端表格控件v13的功能開發(fā)計劃。從中不難看出，SpreadJS在未來將更加關注產(chǎn)品易用性和數(shù)據(jù)處理能力的提升，在為終端用戶帶來親切Excel體驗的同時，致力于節(jié)省企業(yè)的研發(fā)成本并降低項目交付風險。

正是這種“追求極致，精益求精”的精神，不斷吸引著國內(nèi)外知名企業(yè)和機構學習并使用這款產(chǎn)品。華為的技術工程師曾這樣評價SpreadJS：“僅用一百多行代碼就實現(xiàn)了Excel的全部功能，讓我們的用戶就像使用Excel一樣使用內(nèi)部系統(tǒng)，也為我們系統(tǒng)開發(fā)完成后的用戶遷移工作節(jié)約了大量培訓時間，SpreadJS優(yōu)秀的性能讓我們高枕無憂。”

想要了解 SpreadJS 更多資源的朋友，請點這里。

想要獲取 SpreadJS 正版授權的朋友，請