iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >SpreadJS 在 Angular2 中支持绑定哪些属性
  • 268
分享到

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

2023-06-04 12:06:35 268人浏览 薄情痞子
摘要

这期内容当中小编将会给大家带来有关Spreadjs 在 angular2 中支持绑定哪些属性,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。SpreadJS 纯前端表格控件是基于 HTML5 的

这期内容当中小编将会给大家带来有关Spreadjsangular2 中支持绑定哪些属性,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

SpreadJS 纯前端表格控件是基于 HTML5javascript 电子表格和网格功能控件,提供了完备的公式引擎、排序、过滤、输入控件、数据可视化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 在 Angular2 中支持绑定哪些属性了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注编程网精选频道。

--结束END--

本文标题: SpreadJS 在 Angular2 中支持绑定哪些属性

本文链接: https://www.lsjlt.com/news/237942.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • SpreadJS 在 Angular2 中支持绑定哪些属性
    这期内容当中小编将会给大家带来有关SpreadJS 在 Angular2 中支持绑定哪些属性,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。SpreadJS 纯前端表格控件是基于 HTML5 的 ...
    99+
    2023-06-04
  • SpreadJS在Angular2中支持哪些事件
    这篇文章主要介绍“SpreadJS在Angular2中支持哪些事件”,在日常操作中,相信很多人在SpreadJS在Angular2中支持哪些事件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”SpreadJS在...
    99+
    2023-06-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作