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 版本即将发布，更多更好的功能尽在新版本中，敬请期待！

时间： 2024-08-25 08:52:12

SpreadJS 在 Angular2 中支持绑定哪些属性？的相关文章

SpreadJS 在 Angular2 中支持哪些事件？

SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .NET.Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发. 在上一篇文章中,我们学习了SpreadJS 在 Angular2 中支持绑定的属性,今天我们来介绍 SpreadJS 在 Angular2 中支持哪些事件. 首先 Angular2 绑定事件的方法是在 template 中

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

在WP开发中,有时候会用到WebBrowser控件来展示一些html内容,这个控件有很多局限性,比如不支持绑定内容,这样的MVVM模式中就无法进行内容的绑定.为了实现这个目的,需要扩展一下,具体代码如下: /// <summary> /// 用于绑定WebBrowser控件的html内容用法:ext:WebBrowserProperties.Body="{Binding CurrentArticleItem.Html}" /// </summary> publ

Angular2中的通讯方式

Angular 2 中,我们难免需要进行组件间的相互通信,但是这些通信方式你真的都知道吗? 软件工程中,随着应用规模的不断扩大,必然需要进行 Logic Separation.在 Web 开发中,组件化和模块化的观念已经被越来越多的人所熟知,从而编写出更高质量的代码. 同时,随着实体职责的分离,我们也就会不可避免地需要进行实体间的相互通信,因为我们的应用仍然需要作为一个整体存在.因此,在本文中,将对 Angular 2 中的实体间通信方式进行简要介绍,以帮助读者编写更易于维护的代码. 术语表输

让IE浏览器支持CSS3圆角属性的方法

如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式.用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式.今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS3和HTML5的标准.让IE支持CSS3的解析方法有很多种,(HTML5 Shiv – 让该死的IE系列支持HTML5吧)下面介绍一种实用的让IE支持CSS3解析的方法——IE利用VML矢量可标记语言

C#中数据源绑定DataSource以及相关控件（DataGridView）的使用总结

我们在编程过程中,会涉及到表格数据的显示,存储等,就可能涉及到DataGridView,DataSource, DataTable等概念. 下面我就我自己模糊的一些知识点串讲以下: 1)首先我要讲的是一些控件: Control: 控件基类,有一个DataBindings对象,它是一个ControlBindingCollection类,这个类继承与BindingsCollection,里面有一个Binding的列表对象,其中Binding对象时一个记录了属性名,数据源,数据成员等的对象.还有个Bi

JavaScript中事件绑定的方法总结

最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看. JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数一.在DOM元素中直接绑定也就是直接在html标签中通过 onXXX=“” 来绑定.举个例子: <input type="button" value="点我呦" onclick="alert("he

TextView支持的XML属性及相关方法

XML属性相关方法说明 android:autoLink setAutoLinkMask(int) 是否将符合格式的文本转换为可单击的超链接形式 android:autoText setKeyListener(KeyListener) 控制是否将URL.E-mail地址等连接自动转换为可单击的链接 android:capitalize setKeyListener(KeyListener) 控制是否将用户输入的文本转换为答谢字母.该属性支持如下属性值: ·none:不转换 ·sentence

全面理解Javascript中Function对象的属性和方法

函数是 JavaScript 中的基本数据类型,在函数这个对象上定义了一些属性和方法,下面我们逐一来介绍这些属性和方法,这对于理解Javascript的继承机制具有一定的帮助. 属性(Properties) arguments 获取当前正在执行的 Function 对象的所有参数,是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length.还有就是arguments对象存储的是实际传递给

C#.NET中的字段与属性_1

一个类中需要有描述这个类信息的数据,而存储这些数据的变量就成为字段. 字段默认的访问级别为private(只有本类可以直接访问),我们将其访问级别改为public,在其他类中就可以访问了. 字段和属性表示对象包含的信息,字段类似于变量,因为可以直接读取或设置他们. 属性是对字段的封装.属性可以对字段的访问进行控制,可以进行非法设置值的判断.属性并不存储数据,字段存储数据. 封装后,有一些字段我只能赋值,不能读取,有些只能读取,不能赋值,而且可以对传过来的值进行选择. 建议所有的字段不要写成pub