从零开始，纯前端表格控件-SpreadJS 新人学习笔记【第二周】
hello，大家好，我是fiona。经过上周的学习，我已经初步了解了spreadjs的目录结构，以及如何创建spread项目到我的工程目录中。
本周，我会继续深入学习spreadjs，也希望我的学习笔记能够帮助更多刚接触spreadjs的朋友，从零开始，逐步精通。
本周的小目标：理解并学会使用spreadjs的工作簿。在开始记录学习笔记之前，我要特别感谢一个人：来自葡萄城纯前端技术交流群的大牛kevin——一个声音充满磁性、技术全面、细致入微的大暖男。
正是在kevin的帮助下，我仅用了3天时间，便掌握并实现了spreadjs 的滚动条、标签、工作簿事件、命中测试等功能。下面我将以图文的形式记录我的学习笔记，并在文末上传我做的demo，希望给大家一些借鉴。
初始化 spreadjs
通过选择【表单名称标签】菜单下的“显示新增按钮”，即可控制sheet状态栏的加号是否显示：
spreadjs 滚动条通过选择【滚动条】菜单下的“显示水平滚动条”选项，即可控制表单水平、竖直滚动条是否显示：
通过选择【背景】菜单下的“填充表格背景色”和“填充灰色区域背景色”，即可改变表格和状态栏区域的主题颜色配置：
spreadjs json 文件的导入/导出spreadjs表格控件支持以json的格式导入导出数据，并可保存录入数据。spreadjs通过使用数据源序列化和自定义特性序列化两种方式实现json格式的导入和导出。
数据源序列化
若要将表单中的数据源序列化到json对象中，可以设置参数includebindingsource: true，若未设置默认为false.
如下图，点击【数据源序列化】按钮，即可将上表中的数据源数据导出，在下表中导入：
自定义特性序列化
除了数据源序列化，spreadjs也支持按用户自定义的特性进行json数据的序列化与反序列化。如下图，点击【加样式】按钮，即可为表格的视图及标签区域加入自定义样式，点击【自定义特性序列化】即可按照刚加入的自定义样式进行序列化。
注：spreadjs支持按以下自定义特性进行序列化与反序列化：
1. 自定义单元格类型
2. 自定义函数
3. 自定义格式
4. 自定义函数、迷你图
5. 自定义标签
6. 自定义行筛选
hittest（命中测试）通过点击spreadjs工作簿的单元格以进行命中测试，利用hittest方法实现返回特定区域的属性值。
spreadjs demo 示例以下是我在学习spreadjs工作簿的过程中，自己写的两个小示例，供大家参考。
l spreadjsbasicdemo1.zip：包含了背景、滚动条、标签功能的示例
l spreadjsbasicdemo2.zip：包含了工作簿事件、命中测试，以及json文件
ok，今天先记录到这里，下一步计划：学习spreadjs的表单。
spreadjs，我一定会征服你的，加油！
ps：文中提到的kevin小哥哥非常腼腆，这里就不方便透露他的私人联系方式了。不过，在前端技术交流群（720389894）中可以找到他。
关于葡萄城
赋能开发者！葡萄城集团成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和政府机构广泛应用。
蛋托模具|蛋托模具价格|蛋托模具专业定制
来老擀匠进行肉夹馍饼胚批发就对了
新款 新品车底检查镜 车底安全检查设备1188 8G内存
贵州白玉兰苗的适宜条件
大量批发 橡胶制品 工业橡胶制品 多种橡胶制品
从零开始，纯前端表格控件-SpreadJS 新人学习笔记【第二周】
智慧树app里的广告怎么收费？智慧树信息流广告投放报价
民族风织锦刺绣包电脑单肩斜挎包 古典织锦肩提电脑包
下城区培训美甲师哪家口碑好新视觉怎么样
船用五金 犁式锚 硅溶胶工艺，不锈钢、合金钢、碳钢多种材质
Newell 出口充气圣诞老人室外装饰 充气气模
前途K50——以铝为骨以碳为肤的精灵
常熟阻燃防火吸音板 9mm吸音棉板装饰建材
恒煜聚氨酯橡胶HY0068-PU75O型圈
湖南风光互补控制器生产商，德明电源一体化安装
二氧化碳爆破器安全操作...
山东聚氨酯保温材料生产厂家，冷库保温施工
一件起售 格陆谷椰糠砖 无土栽培基质 比草炭土更优惠
南山知名水晶折叠门厂家，品质保证
光学模架加工-久顺实业厂家-塘厦光学模架
本周，我会继续深入学习spreadjs，也希望我的学习笔记能够帮助更多刚接触spreadjs的朋友，从零开始，逐步精通。
本周的小目标：理解并学会使用spreadjs的工作簿。在开始记录学习笔记之前，我要特别感谢一个人：来自葡萄城纯前端技术交流群的大牛kevin——一个声音充满磁性、技术全面、细致入微的大暖男。
正是在kevin的帮助下，我仅用了3天时间，便掌握并实现了spreadjs 的滚动条、标签、工作簿事件、命中测试等功能。下面我将以图文的形式记录我的学习笔记，并在文末上传我做的demo，希望给大家一些借鉴。
初始化 spreadjs
通过选择【表单名称标签】菜单下的“显示新增按钮”，即可控制sheet状态栏的加号是否显示：
spreadjs 滚动条通过选择【滚动条】菜单下的“显示水平滚动条”选项，即可控制表单水平、竖直滚动条是否显示：
通过选择【背景】菜单下的“填充表格背景色”和“填充灰色区域背景色”，即可改变表格和状态栏区域的主题颜色配置：
spreadjs json 文件的导入/导出spreadjs表格控件支持以json的格式导入导出数据，并可保存录入数据。spreadjs通过使用数据源序列化和自定义特性序列化两种方式实现json格式的导入和导出。
数据源序列化
若要将表单中的数据源序列化到json对象中，可以设置参数includebindingsource: true，若未设置默认为false.
如下图，点击【数据源序列化】按钮，即可将上表中的数据源数据导出，在下表中导入：
自定义特性序列化
除了数据源序列化，spreadjs也支持按用户自定义的特性进行json数据的序列化与反序列化。如下图，点击【加样式】按钮，即可为表格的视图及标签区域加入自定义样式，点击【自定义特性序列化】即可按照刚加入的自定义样式进行序列化。
注：spreadjs支持按以下自定义特性进行序列化与反序列化：
1. 自定义单元格类型
2. 自定义函数
3. 自定义格式
4. 自定义函数、迷你图
5. 自定义标签
6. 自定义行筛选
hittest（命中测试）通过点击spreadjs工作簿的单元格以进行命中测试，利用hittest方法实现返回特定区域的属性值。
spreadjs demo 示例以下是我在学习spreadjs工作簿的过程中，自己写的两个小示例，供大家参考。
l spreadjsbasicdemo1.zip：包含了背景、滚动条、标签功能的示例
l spreadjsbasicdemo2.zip：包含了工作簿事件、命中测试，以及json文件
ok，今天先记录到这里，下一步计划：学习spreadjs的表单。
spreadjs，我一定会征服你的，加油！
ps：文中提到的kevin小哥哥非常腼腆，这里就不方便透露他的私人联系方式了。不过，在前端技术交流群（720389894）中可以找到他。
关于葡萄城
赋能开发者！葡萄城集团成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和政府机构广泛应用。
蛋托模具|蛋托模具价格|蛋托模具专业定制
来老擀匠进行肉夹馍饼胚批发就对了
新款 新品车底检查镜 车底安全检查设备1188 8G内存
贵州白玉兰苗的适宜条件
大量批发 橡胶制品 工业橡胶制品 多种橡胶制品
从零开始，纯前端表格控件-SpreadJS 新人学习笔记【第二周】
智慧树app里的广告怎么收费？智慧树信息流广告投放报价
民族风织锦刺绣包电脑单肩斜挎包 古典织锦肩提电脑包
下城区培训美甲师哪家口碑好新视觉怎么样
船用五金 犁式锚 硅溶胶工艺，不锈钢、合金钢、碳钢多种材质
Newell 出口充气圣诞老人室外装饰 充气气模
前途K50——以铝为骨以碳为肤的精灵
常熟阻燃防火吸音板 9mm吸音棉板装饰建材
恒煜聚氨酯橡胶HY0068-PU75O型圈
湖南风光互补控制器生产商，德明电源一体化安装
二氧化碳爆破器安全操作...
山东聚氨酯保温材料生产厂家，冷库保温施工
一件起售 格陆谷椰糠砖 无土栽培基质 比草炭土更优惠
南山知名水晶折叠门厂家，品质保证
光学模架加工-久顺实业厂家-塘厦光学模架