這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)SpreadJS 在 Angular2 中支持綁定哪些屬性，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)建站主營(yíng)隨縣網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件定制開發(fā),隨縣h5小程序定制開發(fā)搭建,隨縣網(wǎng)站營(yíng)銷推廣歡迎隨縣等地區(qū)企業(yè)咨詢
SpreadJS 純前端表格控件是基于 HTML5 的 JavaScript 電子表格和網(wǎng)格功能控件，提供了完備的公式引擎、排序、過(guò)濾、輸入控件、數(shù)據(jù)可視化、Excel 導(dǎo)入/導(dǎo)出等功能，適用于 .NET、Java 和移動(dòng)端等各平臺(tái)在線編輯類 Excel 功能的表格程序開發(fā)。
在上一篇文章中，我們了解到 SpreadJS 已經(jīng)全面支持了 Angular2，并且只需4步就能完成在 Angular2 中集成 SpreadJS。
下面我們來(lái)介紹 SpreadJS 在 Angular2 中支持綁定哪些屬性 。不同的標(biāo)簽可以綁定的屬性不同，我們按照標(biāo)簽來(lái)分類進(jìn)行介紹。以下為主要屬性的列表，更詳細(xì)的屬性介紹請(qǐng)點(diǎn)擊此處查看。
gc-spread-sheets：
Attribute | Type | Comment |
name | string | 整個(gè)工作簿的名稱，導(dǎo)出時(shí)Excel的默認(rèn)名稱 |
tabStripVisible | boolean | 是否展示左下方sheet的導(dǎo)航欄 |
allowUserDragFill | boolean | 是否允許用戶進(jìn)行拖拽填充 |
highlightInvalidData | boolean | 是否在數(shù)據(jù)驗(yàn)證時(shí)高亮顯示無(wú)效數(shù)據(jù)（設(shè)置高亮顯示后，無(wú)效數(shù)據(jù)會(huì)用紅圈圈出） |
backColor | string | 設(shè)置背景色 |
backgroundImage | string | 設(shè)置背景圖片 |
hostStyle | any | 標(biāo)簽的樣式，等同于HTML的style屬性，使用方法等同于angular2的樣式綁定，例如：{width: 400px, height: 600px} |
hostClass | string | 標(biāo)簽的類，等同于HTML的class屬性。 |
gc-worksheet：
Attribute | type | Comment |
dataSource | any | 表單級(jí)別的綁定，設(shè)置數(shù)據(jù)源。 |
name | string | 設(shè)置sheet的名稱 |
frozenColumnCount | number | 頂部?jī)鼋Y(jié)列，參數(shù)為colindex |
frozenRowCount | number | 頂部?jī)鼋Y(jié)行，參數(shù)為rowindex |
frozenTrailingColumnCount | number | 底部?jī)鼋Y(jié)列，參數(shù)為colcount-colindex，例如凍結(jié)最后兩行，參數(shù)為2. |
frozenTrailingRowCount | number | 底部?jī)鼋Y(jié)行，參數(shù)為rowcount-rowindex |
rowCount | number | 設(shè)置行數(shù) |
colCount | number | 設(shè)置列數(shù) |
rowHeaderVisible | boolean | 是否顯示rowHeader |
columnHeaderVisible | boolean | 是否顯示columnHeader |
isProtected | boolean | 設(shè)置表單保護(hù) |
selectionBackColor | string | 設(shè)置選中區(qū)域的背景色 |
selectionBorderColor | string | 設(shè)置選中區(qū)域的邊框顏色 |
defaultStyle | GC.Spread.Sheets.Style | 設(shè)置默認(rèn)樣式，參數(shù)為GC.Spread.Sheets.Style的實(shí)例。 |
gc-column ：
Attribute | type | Comment |
width | number | 列寬 |
resizable | boolean | 是否根據(jù)拖拽重設(shè)大小 |
autoFit | boolean | 是否自動(dòng)匹配列寬 |
style | GC.Spread.Sheets.Style | 整列設(shè)置樣式 |
cellType | GC.Spread.Sheets.CellTypes.Base | 整列設(shè)置單元格類型 |
formatter | string | 整列設(shè)置單元格格式 |
需要說(shuō)明的是在 Angular2 中 SpreadJS 最大精度只能進(jìn)行到列級(jí)別的設(shè)置，這與 Angular2 的綁定機(jī)制有關(guān)，需要特別注意。
上述就是小編為大家分享的SpreadJS 在 Angular2 中支持綁定哪些屬性了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
