SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）-控件新闻-慧都网

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

转帖|使用教程|编辑：莫成敏|2019-11-25 13:14:17.743|阅读 645 次

概述：今天就跟着小编来了解一下SpreadJS表单的相关属性，初始化表单的内容吧~

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

相关链接：

SpreadJS是一个面向企业级应用开发的综合性、高效能的基于HTML5的纯JavaScript的电子表格控件。SpreadJS有着强大的表单处理能力和电子表格功能。这些功能包括跨表单引用和计算，这样就能够充分利用多个表单上的数据和公式。

点击下载SpreadJS正式版

今天就跟着小编来了解一下SpreadJS表单的相关属性，初始化表单的内容吧~首先，我们要知道什么是表单，表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签、表单域和表单按钮。

新增、删除、清空表单

点击下方按钮

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

边框网格线

可控制是否显示网格线及设置各种边框的样式：

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

隐藏与显示

控制隐藏显示：sheet.visible(false)

点击隐藏显示按钮可依次隐藏显示表单

缩放

该方法可控制缩放：sheet.zoom(number)，number的值0-1之间会缩小，1以上会放大

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

行头与列头

可以对行头列头的样式进行自定义，比如增加行头，合并行头单元格，设置宽度等等，还可控制是否显示行头列头，行标列表可设定为空、数字、字母。

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

合并单元格

sheet.addSpan() 该方法可以合并单元格：

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

也可设定运允许用户拖拽合并单元格：

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

冻结行列

Spread JS 可以控制冻结行列，上图中的红线为冻结线，冻结线样式可设定颜色：sheet.options.frozenlineColor = 'red'

获取与设置数据

操作数据相关方法：setText，getText,copyTo,moveTo,clear

// 行索引5 列索引4 的内容复制到行索引6，列索引5，复制2行1列

sheet.copyTo(5, 4, 6, 5, 2, 1, spreadNS.CopyToOptions.all);

SpreadJS新人入门学习（四）：SpreadJS表单的基本属性（上）

附示例demo：

SpreadJS示例：初始化表单

想要购买SpreadJS正版授权，或了解更多产品信息请点击

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@hmdbvip.cn

文章转载自：

上一篇：Syncfusion教程：7个步骤将Syncfusion自定义控件添加到Visual Studio工具箱下一篇：在Power BI中升级到新工作区后退回经典工作区的操作方法及注意事项

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群