純前端表格控件SpreadJS，是一款成功應(yīng)用于華為、招商銀行、天弘基金、蘇寧易購等國內(nèi)外知名企業(yè)的前端開發(fā)工具，其帶來的價值不僅體現(xiàn)在幫助開發(fā)人員在其Web應(yīng)用程序中快速構(gòu)建 Web Excel 、數(shù)據(jù)填報、在線文檔、圖表公式聯(lián)動和類 Excel UI 設(shè)計等功能模塊，更幫助企業(yè)大幅降低數(shù)據(jù)處理成本，提升企業(yè)信息化水平和項目交付能力。

　　伴隨著SpreadJS V13.0 的發(fā)布，其表單設(shè)計與數(shù)據(jù)交互能力再度增強，產(chǎn)品易用性和數(shù)據(jù)處理效率大幅提升。

　　此前的每一次升級，都能給予用戶無限驚喜，這一次，SpreadJS 又將帶來哪些全新功能和產(chǎn)品易用性提升呢?小編整理出了11個，用好這些功能，一定可以讓您的工作效率突飛猛進!

　　在列舉純前端表格控件 SpreadJS V13.0 的新特性之前，請下載最新安裝程序，以便同步體驗!

　　>>純前端表格控件 SpreadJS V13.0 下載地址：https://www.grapecity.com.cn/developer/spreadjs/download

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

　　單元格狀態(tài)：Cell States

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

　　新單元格類型：選擇框、單選列表、下拉列表、按鈕等

　　在 SpreadJS V13.0 中，新增了13種全新的單元格類型，如選擇框、單選列表、下拉列表、按鈕等：

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

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

　　· 添加行/添加列

　　· 刪除行/刪除列

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

　　· 將 Excel 表轉(zhuǎn)換為數(shù)據(jù)范圍

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

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

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

　　· 自動擴展 Auto Expand：input / copy-cut & paste / dragfill / dragdrop

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

　　· 滾動時表頭顯示 Show Header when Scroll

　　· 更方便的表格選擇 Selection

　　· 更智能的表格導航 Navigation

　　· 滾動時在列標題上顯示表標題

　　四、表格數(shù)據(jù)綁定增強：支持更多列屬性字段

　　SpreadJS V13.0 的表格數(shù)據(jù)綁定將支持更多列屬性字段，這樣做的好處是：用戶在進行表格數(shù)據(jù)綁定時，更獲得比此前更豐富的屬性支持，如格式化、單元格類型、值(值轉(zhuǎn)換函數(shù))等。

　　SpreadJS 工作簿數(shù)據(jù)綁定支持以下屬性：

　　· 名稱

　　· 格式化

　　· 單元格類型

　　· 值(值轉(zhuǎn)換函數(shù))

　　· 寬度

　　· 可見

　　· 可調(diào)整大小

　　· 分頁符

　　· 顯示名稱

　　SpreadJS 表格數(shù)據(jù)綁定支持以下屬性：

　　· 名稱

　　· dataField

　　· 格式化

　　· 單元格類型

　　· 值(值轉(zhuǎn)換函數(shù))

　　五、圖表增強：支持更多圖表圖例屬性、錯誤提示欄、自定義邊框、對數(shù)軸、趨勢線等

　　SpreadJS V13.0 的圖表功能得到大幅提升，不但支持更多的圖表圖例屬性，如自定義位置、字體顏色、大小等，還新增了多種圖表功能，如錯誤提示欄、自定義邊框、對數(shù)軸、趨勢線、懸停動畫、符號等。

　　圖表圖例屬性：支持字體顏色、大小和更多字體

　　在 SpreadJS V13.0 中，通過更改字體顏色、大小和字體的能力，開發(fā)人員能夠自行匹配圖表圖例與應(yīng)用程序的整體外觀樣式，而無需額外調(diào)整，這樣做的好處是：可以為儀表板中的所有組件，創(chuàng)建統(tǒng)一的外觀樣式。如下是為圖例添加顏色、fontFamily、fontSize 設(shè)置：

　　新圖表屬性：錯誤提示欄、自定義邊框、對數(shù)軸和趨勢線

　　SpreadJS V13.0 中，新增的圖表屬性有：

　　· 錯誤提示欄：您可以更改圖表中顯示的錯誤類型、樣式和數(shù)量，從而一目了然的觀測出圖表數(shù)據(jù)的誤差范圍與標準偏差。

　　· 自定義邊框：在圖表周圍添加邊框，將圖表與應(yīng)用程序的其余部分區(qū)分開。

　　·對數(shù)軸：在比較差異巨大的數(shù)據(jù)時，可以以更加易讀的方式顯示圖表數(shù)據(jù)。

　　· 趨勢線：使用趨勢線可以更輕松地根據(jù)數(shù)據(jù)(例如銷售變化趨勢)預(yù)測未來價值。如下是 SpreadJS 的線性趨勢線示例：

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

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

　　在 SpreadJS V13.0 中，也將支持動態(tài)數(shù)組功能。

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

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

　　八、新增事件：ColumnChangingEvent & RowChangingEvent

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

　　九、行為增強：Advanced Resize

　　在 SpreadJS V13.0 中，Advanced Resize 添加了一種調(diào)整大小的方法 onlyNextTo 。它與一般調(diào)整大小的方式不同，使用 onlyNextTo 調(diào)整大小只會改變當前列/行和下一個可見列/行的大小。

　　十、自動合并：自動合并相鄰單元格的相同文本

　　SpreadJS 支持自動合并。例如，原始數(shù)據(jù)如下：

　　在行方向自動合并后：

　　在列方向自動合并后：

　　十一、范圍模板：將工作表的范圍指定為模板，并使用該模板繪制相似區(qū)域

　　SpreadJS 為客戶提供了一個范圍單元格類型。這種新的單元格類型允許用戶將工作表的范圍指定為模板，然后使用該范圍來繪制具有單元格值的多個相似區(qū)域。

　　這樣做的好處是：

　　· 客戶可以通過更改模板來更改批處理片段顯示模式。

　　· 客戶可以輕松顯示具有相同結(jié)構(gòu)的一組數(shù)據(jù)。

　　· 客戶可以在任何地方創(chuàng)建模板工作表，然后創(chuàng)建 JSON / fromJSON，并設(shè)置工作表范圍以便輕松復(fù)用。

特別提醒：本網(wǎng)內(nèi)容轉(zhuǎn)載自其他媒體，目的在于傳遞更多信息，并不代表本網(wǎng)贊同其觀點。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實，對本文以及其中全部或者部分內(nèi)容、文字的真實性、完整性、及時性本站不作任何保證或承諾，并請自行核實相關(guān)內(nèi)容。本站不承擔此類作品侵權(quán)行為的直接責任及連帶責任。如若本網(wǎng)有任何內(nèi)容侵犯您的權(quán)益，請及時聯(lián)系我們，本站將會在24小時內(nèi)處理完畢。