SpreadJS新人学习笔记05-表单1

收藏

今天学习了SpreadJS表单的相关属性，初始化表单

点击按钮可新增、删除、清空表单：
image.png603824767.png

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

隐藏与显示
控制隐藏显示：sheet.visible(false)
点击隐藏显示按钮可依次隐藏显示表单

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

image.png855040893.png

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

合并单元格

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

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

image.png357654113.png

冻结行列
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);

image.png766790466.png

		自动登录	找回密码
密码			立即注册

SpreadJS新人学习笔记05-表单1

0 个回复

微信认证勋章