开发者社区> 技术小阿哥> 正文

SpreadJS 在 Angular2 中支持绑定哪些属性?

简介:
+关注继续查看

下面我们来介绍 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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
让Angular自定义组件支持form表单验证
让Angular自定义组件支持form表单验证
18 0
ts重点学习37-可选属性和只读属性
ts重点学习37-可选属性和只读属性
21 0
angular21-关于指令标准属性
angular21-关于指令标准属性
30 0
【Angular教程】组件动效/动态组件/视图封装模式
【Angular教程】组件动效/动态组件/视图封装模式
153 0
Angular元素属性绑定的一个例子
Angular元素属性绑定的一个例子
50 0
Angular Component 开发时属性和运行时属性的对照
Angular Component 开发时属性和运行时属性的对照
37 0
Angular 如何根据一个 class 的定义和数据,动态创建一个该类的实例
Angular 如何根据一个 class 的定义和数据,动态创建一个该类的实例
136 0
Angular set函数和Component属性的命名冲突问题
Angular set函数和Component属性的命名冲突问题
66 0
Angular页面里元素class的动态绑定的实现源代码调试
Angular页面里元素class的动态绑定的实现源代码调试
82 0
巧用Angular项目的get设置Angular class属性访问的别名
巧用Angular项目的get设置Angular class属性访问的别名
57 0
+关注
技术小阿哥
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载