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 在 Angular2 中支持绑定哪些属性？相关推荐

SpreadJS 在 Angular2 中支持哪些事件？
SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .N ...
JavaScript对象中的可枚举属性和不可枚举属性
在JavaScript中,对象的属性有可枚举和不可枚举之分,它是由对象属性描述符enumerable决定的.如果该属性是可枚举性的那么这个属性就能被for-in查找遍历到. 对象的属性描述符在Jav ...
基于继承类的属性模版中无法绑定的原因和解决方法
原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单.构思一下思路 ...... 创建一个类基于Expander类. 1 public class ...
ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据
场景结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在el-radio中设置好label即可,无需再给每一个el-ra ...
查看系统中支持CUDA的设备数量和属性---deviceQuery示例
在你安装了CUDA显卡驱动之后,需要检测是否安装正确,或者需要查看系统中支持CUDA的设备数量和属性,可以通过SDK中的deviceQuery示例来查看,工程目录位置:C:\ProgramData\N ...
IDL中提供的[source]属性，是为了让实现类宣扬它支持哪几个对外接口注册。
IDL中提供的[source]属性,是为了让实现类宣扬它支持哪几个对外接口注册. 主要表达的意思的是--组件内部在某种条件下将调用该接口,向外界传递信息.如果你对此信息感兴趣,就要自己实现这个接口,并 ...
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
php中延迟绑定,PHP静态延迟绑定
静态延迟绑定的概念 PHP版本5.3起增加了静态延迟绑定,也称迟绑定,主要用于在继承范围内引用静态调用的类.简单地来说:static::不再被解析为当前方法所定义的类,而是在实际运行时计算的. // ...
adf时间作用域_ADF：在任务流终结器中支持bean作用域
adf时间作用域介绍当我们需要在任务流消失之前做一些最终工作(干净的资源,紧密的连接等)时,这是使用任务流终结器的非常普遍的建议做法. 和往常一样,我们使用在任务流中声明的托管bean. 托管Be ...

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

SpreadJS 在 Angular2 中支持绑定哪些属性？相关推荐

最新文章

热门文章