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

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

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

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

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

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

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

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

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

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

　　二、表格 API 增強(qiáng)：表格樣式按需修改、高度開(kāi)放自定制

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

　　· 添加行/添加列

　　· 刪除行/刪除列

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

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

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

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

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

　　· 自動(dòng)擴(kuò)展 Auto Expand：input / copy-cut & paste / dragfill / dragdrop

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

　　· 滾動(dòng)時(shí)表頭顯示 Show Header when Scroll

　　· 更方便的表格選擇 Selection

　　· 更智能的表格導(dǎo)航 Navigation

　　· 滾動(dòng)時(shí)在列標(biāo)題上顯示表標(biāo)題

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

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

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

　　· 名稱

　　· 格式化

　　· 單元格類型

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

　　· 寬度

　　· 可見(jiàn)

　　· 可調(diào)整大小

　　· 分頁(yè)符

　　· 顯示名稱

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

　　· 名稱

　　· dataField

　　· 格式化

　　· 單元格類型

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

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

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

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

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

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

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

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

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

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

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

　　六、支持動(dòng)態(tài)數(shù)組：大幅簡(jiǎn)化計(jì)算公式，提高公式運(yùn)算效率

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

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

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

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

　　八、新增事件：ColumnChangingEvent & RowChangingEvent

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

　　九、行為增強(qiáng)：Advanced Resize

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

　　十、自動(dòng)合并：自動(dòng)合并相鄰單元格的相同文本

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

　　在行方向自動(dòng)合并后：

　　在列方向自動(dòng)合并后：

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

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

　　這樣做的好處是：

　　· 客戶可以通過(guò)更改模板來(lái)更改批處理片段顯示模式。

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

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

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