SpreadJS 在 Angular2 中支持绑定哪些属性?
来源:互联网 发布:中国高铁网络 编辑:程序博客网 时间:2024/05/19 00:36
SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等功能,适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。
在上一篇文章中,我们了解到 SpreadJS 已经全面支持了 Angular2,并且只需4步就能完成在 Angular2 中集成 SpreadJS。
下面我们来介绍 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 的绑定机制有关,需要特别注意。
SpreadJS V10.2 版本即将发布,更多更好的功能尽在新版本中,敬请期待!
登录 SpreadJS 官网,了解更多。
- SpreadJS 在 Angular2 中支持绑定哪些属性?
- SpreadJS 在 Angular2 中支持哪些事件?
- SpreadJS 全面支持 Angular2,V10.2 版本即将发布
- angular2属性绑定
- Angular2属性绑定
- Angular2(二)--属性绑定
- angular2中ngModel绑定问题
- angular2中ngModel绑定问题
- vue的属性绑定(在引号中绑定)
- angular2中数据绑定方法总结和管道使用
- 在comboBox中获取dataProvider属性绑定的变量
- 在angular2服务中注入服务
- 在Angular2中使用Observable对象
- Angular2中的数据绑定
- Angular2事件绑定
- Angular2+ 双向数据绑定
- apple pay支持的银行有哪些?如何绑定银行卡?
- 在HTML5中不再支持的script的属性
- syslog-ng 通过pipe写数据到mysql
- Java SE、Java EE、Java ME三者的区别
- C++ 类型转换函数 与 explicit
- 图片加载失败或默认图片
- 微信小程序从注册到上线系列
- SpreadJS 在 Angular2 中支持绑定哪些属性?
- STM8S---选项字节(Option Byte)写操作之IO复用
- HttpClient发送Post请求(一)
- PX PT 磅 EM 以及PS中字间距VA单位的解释
- HBase性能调优(1.2官方文档)
- Maven,Gradle分别建立Spring-boot的demo工程
- 使用react-native-smart-splash-screen实现启动画面
- printf()函数和浮点数
- 增加VOICE_CALL的默认音量