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 中支持绑定哪些属性?的更多相关文章

  1. SpreadJS 在 Angular2 中支持哪些事件?

    SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .N ...

  2. 3.5 Templates -- Binding Element Attributes(绑定元素属性)

    一.概述 除了正常的文本,你可能还需要你的模板中包含的HTML元素的属性绑定到controller. 1. 例如,设想controller有一个属性包含一个图片的URL: <div id=&qu ...

  3. silverlight中 ComboBox绑定数据库,并获取当前选定值

    silverlight中 ComboBox绑定数据库,并获取当前选定值 在silverlight中 用combobox下拉菜单绑定数据库的方法和用DataGrid绑定数据库的方法类似. page.xa ...

  4. Windows Phone中扩展WebBrowser使其支持绑定html内容

    在WP开发中,有时候会用到WebBrowser控件来展示一些html内容,这个控件有很多局限性,比如不支持绑定内容,这样的MVVM模式中就无法进行内容的绑定.为了实现这个目的,需要扩展一下,具体代码如 ...

  5. class中限定绑定属性__slots__方法

    使用__slots__但是,如果我们想要限制class的属性怎么办?比如,只允许对Student实例添加name和age属性.为了达到限制的目的,Python允许在定义class的时候,定义一个特殊的 ...

  6. ListBox项模板中绑定ListBoxItem属性的方法

    原文:ListBox项模板中绑定ListBoxItem属性的方法 <ListBox> <ListBox.ItemTemplate> <DataTemplate> & ...

  7. iView - Form中想要重置DatePicker生效,必须给DatePicker绑定value属性

    Form中想要重置DatePicker生效,必须给DatePicker绑定value属性

  8. angular 中如何绑定属性

    <!--The content below is only a placeholder and can be replaced.--> <div style="text-a ...

  9. 让jquery easyui datagrid列支持绑定嵌套对象

    嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...

随机推荐

  1. 20145324 《Java程序设计》第9周学习总结

    20145324 <Java程序设计>第9周学习总结 教材学习内容总结 第十六章 1.JDBC是java联机数据库的标准规范.它定义了一组标准类与接口,标准API中的接口会有数据库厂商操作 ...

  2. 20145328 《Java程序设计》第3周学习总结

    20145328 <Java程序设计>第3周学习总结 教材学习内容总结 第四章 对象Object:存在的具体实体,具有明确的状态和行为 类Class:具有相同属性和行为的一组对象的集合,用 ...

  3. spring定时器(注解的形式)

    最近有个需求,要在凌晨的时候,根据某几张表生成一张定时任务表里的数据,数据的状态为0(未整改),然后在当天晚上,再把这些数据的状态没改变的,改变状态为1(待整改),然后要用到定时器,百度了一下用注解形 ...

  4. Spring Container的扩展点

    转自: http://blog.csdn.net/kkdelta/article/details/5488430 Spring在解析完配置文件后,会调用一些callback方法,使用Spring的开发 ...

  5. 解题报告:poj 3070 - 矩阵快速幂简单应用

    2017-09-13 19:22:01 writer:pprp 题意很简单,就是通过矩阵快速幂进行运算,得到斐波那契数列靠后的位数 . 这是原理,实现部分就是矩阵的快速幂,也就是二分来做 矩阵快速幂可 ...

  6. Zookeeper java api

     Zookeeper java api 主要有以下几个: 方法名称 描述 String create(final String path, byte data[], List acl, CreateM ...

  7. 使用阿里云ECS安装HDFS的小问题

    毕设涉及HDFS,理论看的感觉差不多了,想搭起来测试一下性能来验证以便进行开题报告,万万没想到装HDFS花费了许多天,踩了许多坑,记录一下. 背景:使用两台阿里云学生机ECS,分处不同账号不同区域,一 ...

  8. 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 ...

  9. maven--spring-boot-starter-parent 小结

    Maven中的dependency的scope作用域详解 https://blog.csdn.net/itchiang/article/details/45009057 https://blog.cs ...

  10. Python模块学习之解决selenium的“can't access dead object”错误

    问题描述 在python执行过程中,提示selenium.common.exceptions.WebDriverException: Message: TypeError: can't access ...