SpreadJS 入门系列课程 （四）：表单Ⅰ

文章末尾处有视频中的示例代码可以下载（Vue代码已更新）
视频主要内容：   

•     表单基本操作、
•     边框和网格线、
•     单元格、
•     行头与列头、
•     行与列、
•     获取与设置数据
  

常用API：

1 表单相关操作

       增 addSheet

       删 removeSheet

       清空 clearSheets

       获取设置名称sheet.name('设置表单名')

       隐藏与显示sheet.visible(false);

       缩放sheet.zoom(number);

2 边框线、网格线、对角线

       网格线隐藏显示sheet.options.gridline.showHorizontalGridline

       设置边框线sheet.getRange().setBorder()

       初始化线 var lineBorder1 = new spreadNS.LineBorder('blue', spreadNS.LineStyle.thin);

3 行头与列头

        隐藏/显示sheet.options.rowHeaderVisible

        扩展列头sheet.setRowCount(3, spreadNS.SheetArea.colHeader);

4 行与列

        增加行 addRows

        设置行数列数 setRowCount 、setColumnCount  

       可否拖拽改变行列大小： sheet.setColumnResizable(1,true);

       设置行高、列宽 setRowHeight  setColumnWidth

       根据内容自动匹配高度、宽度：autoFitColumn

5 单元格

         合并sheet.addSpan(1,1,3,3);

         删除合并sheet.removeSpan(8,1);

         获取单元格：sheet.getCell(1, 1,GC.Spread.Sheets.SheetArea.viewport);

         获取一片单元格区域：sheet.getRange(1, 1, 10, 10, GC.Spread.Sheets.SheetArea.viewport);

       允许单元格移除sheet.options.allowCellOverflow= true;

       合并单元格：addSpan removeSpan

6 冻结行列及可视区:

        frozenRowCount  frozenColumnCount  frozenTrailingRowCount  frozenTrailingColumnCount

7 设置及获取值：

        setValue getValue  setArray getArray copyTo  moveTo

希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助，
对这系列的视频如果有什么建议意见可以在楼下回复~ 需要大家的反馈ヽ(′o`有关于表单的问题，可以在帖子下讨论，如有需要可以下载视频中的示例代码

您好，在学习这一章内容的时候发现一个BUG。
BUG出现描述：
1.条件：存在两个或多个表单。
2.出现bug操作：表单显示隐藏操作。
3.详细描述：使用隐藏操作把全部的表单隐藏掉，然后使用显示操作再将所有表单进行显示，此时在底部切换表单处无法进行点击且不会进行切换，多次点击后会出现页面卡顿同时会重新添加一个新的表单出来。
希望能对您提供帮助

碁大师 发表于 2019-9-17 16:15
您好，在学习这一章内容的时候发现一个BUG。
BUG出现描述：
1.条件：存在两个或多个表单。

您好，这个Bug会在V13.0 版本中修复，再次谢谢您的反馈

Fiooona 发表于 2019-10-8 09:54
您好，这个Bug会在V13.0 版本中修复，再次谢谢您的反馈