作為一款基于 HTML5 的純前端表格控件，SpreadJS兼容了超過 450 種 Excel 公式、53 項(xiàng)單元格格式、18 種條件格式、32 種圖表，以及182 種形狀，可滿足金融財(cái)稅行業(yè)杜邦分析、指標(biāo)補(bǔ)錄、數(shù)據(jù)鉤稽檢查等多個(gè)應(yīng)用場景需求，在為用戶帶來親切、易用的使用體驗(yàn)的同時(shí)，滿足了 Web Excel組件開發(fā)、 表格文檔協(xié)同編輯、 數(shù)據(jù)填報(bào)、 類Excel報(bào)表設(shè)計(jì)等業(yè)務(wù)場景，大幅簡化了金融系統(tǒng)的開發(fā)難度。

點(diǎn)擊下載SpreadJS最新試用版

Spread.Sheets 支持 AngularJS.

AngularJS 是一款前端 JavaScript 框架。

使用如下步驟來在 AngularJS 中使用 Spread.Sheets

1. 引入 Spread.Sheets 的 AngularJS 模塊文件： "/scripts/interop/angular.gc.spread.sheets.xxx.js"。
2. 添加 “gcspreadsheets” 模塊。比如，如果你應(yīng)用的 scope 被 "ng-app" 屬性定為  "myApp"，您可以在代碼中添加以下代碼：
   angular.module("myApp", ["gcspreadsheets", "module2","module3",...])

3. 在 HTML 中添加 “gc-spread-sheets” 標(biāo)簽，并添加工作表和列。你可以設(shè)置 spread，sheet 或者 column。例如：

   HTML

   <gc-spread-sheets id="ss" style="width:100%;height:500px;border:1px solid gray">     <worksheets>         <worksheet frozen-column-count="1">         </worksheet >     </worksheets> </gc-spread-sheets>

Spread, Sheet, 和 Column 是最基本的元素。其他元素都需要通過設(shè)置它們來工作。

標(biāo)簽樹狀結(jié)構(gòu)為：

如果元素的設(shè)置是一個(gè)簡單類型或者它可以通過簡單的字符串來設(shè)置，該設(shè)置將會(huì)被暴露為一個(gè)元素的 attribute。

簡單類型可以是 number，string，Boolean，枚舉，字體，邊框等。如下代碼所示：

如果元素的設(shè)置是一個(gè)對(duì)象類型并且它不能使用簡單的字符串來設(shè)置，該設(shè)置將暴露為子元素。子元素也可能會(huì)有其他的子元素，如下代碼所示：

以下文章例舉了所有元素的指令（directives）：

• 使用 Gc-spread-sheets 標(biāo)簽

• 使用 Sheet 標(biāo)簽

• 使用 Column, Columns, 和 Group 標(biāo)簽

• 使用 Style 標(biāo)簽
• 使用 Cell 標(biāo)簽
• 使用 Validator 標(biāo)簽      

以下屬性名是不區(qū)分大小寫的，并支持使用 “-” 來分隔每一個(gè)單詞。比如以下代碼是等價(jià)的：

<column dataField="country"></column>
< column datafield="country"></column>
< column DATAFIELD="country"></column>
< column data-field="country">&lt;/column>
< column Data-Field="country"></column>

以下代碼支持使用  "{{binding}}" 來綁定 scope 上的數(shù)據(jù)。比如，以下代碼將列寬綁定到了 columnWidth 變量中：

<column width={{columnWidth}} >

以下代碼將 columnWidth 變量綁定到了 input 元素中。

Column Width: <input ng-model="columnWidth"&nbsp; />

Spread.Sheet 的列寬將會(huì)隨著 input 框中的值變化而變化。

如果沒有按照 spread 的說明來設(shè)置屬性和指令，spread 將無法正常工作，綁定的值可能會(huì)出錯(cuò)。

今天的內(nèi)容就到這了，如果您想搭建一款在功能和操作體驗(yàn)上均與 Excel 高度類似的金融信息化系統(tǒng)，實(shí)現(xiàn)導(dǎo)入 Excel 自定義報(bào)表、指標(biāo)補(bǔ)錄、公式函數(shù)等需求，歡迎咨詢慧都客服！我們有諸多成功案例和應(yīng)用場景，可以為您提供幫助。不要忘了在評(píng)論區(qū)留下的意見和建議！現(xiàn)電子表格控件SpreadJS正版授權(quán)限時(shí)優(yōu)惠！低至3490；企業(yè)版最高立減6000元。點(diǎn)擊了解更多優(yōu)惠！