分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了SpreadJS 在 Angular2 中支持绑定哪些属性？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

SpreadJS纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件，提供了完备的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等功能，适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。

在上一篇文章中，我们了解到 SpreadJS 已经全面支持了 Angular2，并且只需4步就能完成在 Angular2 中集成 SpreadJS。

下面我们来介绍SpreadJS 在 Angular2 中支持绑定哪些属性。不同的标签可以绑定的属性不同，我们按照标签来@L_616_11@进行介绍。以下为主要属性的列表，更详细的属性介绍请点击此处查看。

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	整列设置单元格格式