下面我们来介绍 SpreadJS 在 Angular2 中支持绑定哪些属性 。不同的标签可以绑定的属性不同,我们按照标签来分类进行介绍。以下为主要属性的列表,更详细的属性介绍请点击此处查看。
gc-spread-sheets:
Attribute
|
Type
|
Comment
|
name
|
string
|
整个工作簿的名称,导出时Excel的默认名称
|
tabStripVisible
|
boolean
|
是否展示左下方sheet的导航栏
|
allowUserDragFill
|
boolean
|
是否允许用户进行拖拽填充
|
highlightInvalidData
|
boolean
|
是否在数据验证时高亮显示无效数据(设置高亮显示后,无效数据会用红圈圈出)
|
backColor
|
string
|
设置背景色
|
backgroundImage
|
string
|
设置背景图片
|
hostStyle
|
any
|
标签的样式,等同于HTML的style属性,使用方法等同于angular2的样式绑定,例如:{width: 400px, height: 600px}
|
hostClass
|
string
|
标签的类,等同于HTML的class属性。
|
gc-worksheet:
Attribute
|
type
|
Comment
|
dataSource
|
any
|
表单级别的绑定,设置数据源。
|
name
|
string
|
设置sheet的名称
|
frozenColumnCount
|
number
|
顶部冻结列,参数为colindex
|
frozenRowCount
|
number
|
顶部冻结行,参数为rowindex
|
frozenTrailingColumnCount
|
number
|
底部冻结列,参数为colcount-colindex,例如冻结最后两行,参数为2.
|
frozenTrailingRowCount
|
number
|
底部冻结行,参数为rowcount-rowindex
|
rowCount
|
number
|
设置行数
|
colCount
|
number
|
设置列数
|
rowHeaderVisible
|
boolean
|
是否显示rowHeader
|
columnHeaderVisible
|
boolean
|
是否显示columnHeader
|
isProtected
|
boolean
|
设置表单保护
|
selectionBackColor
|
string
|
设置选中区域的背景色
|
selectionBorderColor
|
string
|
设置选中区域的边框颜色
|
defaultStyle
|
GC.Spread.Sheets.Style
|
设置默认样式,参数为GC.Spread.Sheets.Style的实例。
|
gc-column :
Attribute
|
type
|
Comment
|
width
|
number
|
列宽
|
resizable
|
boolean
|
是否根据拖拽重设大小
|
autoFit
|
boolean
|
是否自动匹配列宽
|
style
|
GC.Spread.Sheets.Style
|
整列设置样式
|
cellType
|
GC.Spread.Sheets.CellTypes.Base
|
整列设置单元格类型
|
formatter
|
string
|
整列设置单元格格式
|
以上就是所支持的属性,需要说明的是在 Angular2 中 SpreadJS 最大精度只能进行到列级别的设置,这与 Angular2 的绑定机制有关,需要特别注意。
本文转自 powertoolsteam 51CTO博客,原文链接:http://blog.51cto.com/powertoolsteam/1943038,如需转载请自行联系原作者