SpreadJS 在 Angular2 中支持绑定哪些属性?
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 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .N ...
- 3.5 Templates -- Binding Element Attributes(绑定元素属性)
一.概述 除了正常的文本,你可能还需要你的模板中包含的HTML元素的属性绑定到controller. 1. 例如,设想controller有一个属性包含一个图片的URL: <div id=&qu ...
- silverlight中 ComboBox绑定数据库,并获取当前选定值
silverlight中 ComboBox绑定数据库,并获取当前选定值 在silverlight中 用combobox下拉菜单绑定数据库的方法和用DataGrid绑定数据库的方法类似. page.xa ...
- Windows Phone中扩展WebBrowser使其支持绑定html内容
在WP开发中,有时候会用到WebBrowser控件来展示一些html内容,这个控件有很多局限性,比如不支持绑定内容,这样的MVVM模式中就无法进行内容的绑定.为了实现这个目的,需要扩展一下,具体代码如 ...
- class中限定绑定属性__slots__方法
使用__slots__但是,如果我们想要限制class的属性怎么办?比如,只允许对Student实例添加name和age属性.为了达到限制的目的,Python允许在定义class的时候,定义一个特殊的 ...
- ListBox项模板中绑定ListBoxItem属性的方法
原文:ListBox项模板中绑定ListBoxItem属性的方法 <ListBox> <ListBox.ItemTemplate> <DataTemplate> & ...
- iView - Form中想要重置DatePicker生效,必须给DatePicker绑定value属性
Form中想要重置DatePicker生效,必须给DatePicker绑定value属性
- angular 中如何绑定属性
<!--The content below is only a placeholder and can be replaced.--> <div style="text-a ...
- 让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
随机推荐
- 20145324 《Java程序设计》第9周学习总结
20145324 <Java程序设计>第9周学习总结 教材学习内容总结 第十六章 1.JDBC是java联机数据库的标准规范.它定义了一组标准类与接口,标准API中的接口会有数据库厂商操作 ...
- 20145328 《Java程序设计》第3周学习总结
20145328 <Java程序设计>第3周学习总结 教材学习内容总结 第四章 对象Object:存在的具体实体,具有明确的状态和行为 类Class:具有相同属性和行为的一组对象的集合,用 ...
- spring定时器(注解的形式)
最近有个需求,要在凌晨的时候,根据某几张表生成一张定时任务表里的数据,数据的状态为0(未整改),然后在当天晚上,再把这些数据的状态没改变的,改变状态为1(待整改),然后要用到定时器,百度了一下用注解形 ...
- Spring Container的扩展点
转自: http://blog.csdn.net/kkdelta/article/details/5488430 Spring在解析完配置文件后,会调用一些callback方法,使用Spring的开发 ...
- 解题报告:poj 3070 - 矩阵快速幂简单应用
2017-09-13 19:22:01 writer:pprp 题意很简单,就是通过矩阵快速幂进行运算,得到斐波那契数列靠后的位数 . 这是原理,实现部分就是矩阵的快速幂,也就是二分来做 矩阵快速幂可 ...
- Zookeeper java api
Zookeeper java api 主要有以下几个: 方法名称 描述 String create(final String path, byte data[], List acl, CreateM ...
- 使用阿里云ECS安装HDFS的小问题
毕设涉及HDFS,理论看的感觉差不多了,想搭起来测试一下性能来验证以便进行开题报告,万万没想到装HDFS花费了许多天,踩了许多坑,记录一下. 背景:使用两台阿里云学生机ECS,分处不同账号不同区域,一 ...
- python 使用set对list去重,并保持list原来顺序
list_one=re.findall(r"^\s{0}[A-Za-z]*\b", txt,re.M) #匹配一级目录 addr_to = list(set(list_one))a ...
- maven--spring-boot-starter-parent 小结
Maven中的dependency的scope作用域详解 https://blog.csdn.net/itchiang/article/details/45009057 https://blog.cs ...
- Python模块学习之解决selenium的“can't access dead object”错误
问题描述 在python执行过程中,提示selenium.common.exceptions.WebDriverException: Message: TypeError: can't access ...