Hello，大家好，我是Fiona。經過上周的學習，我已經初步了解了SpreadJS的目錄結構，以及如何創建Spread項目到我的工程目錄中。>>還不知如何開始學習SpreadJS的同學，可以點擊這里
本周，我會繼續深入學習SpreadJS，也希望我的學習筆記能夠幫助更多剛接觸SpreadJS的朋友，從零開始，逐步精通。
本周的小目標：理解並學會使用SpreadJS的工作簿。
在開始記錄學習筆記之前，我要特別感謝一個人：來自葡萄城純前端技術交流群的大牛Kevin——一個聲音充滿磁性、技術全面、細致入微的大暖男。
正是在Kevin的幫助下，我僅用了3天時間，便掌握並實現了SpreadJS 的滾動條、標簽、工作簿事件、命中測試等功能。下面我將以圖文的形式記錄我的學習筆記，並在文末上傳我做的Demo，希望給大家一些借鑒：
初始化 SpreadJS
通過選擇【表單名稱標簽】菜單下的“顯示新增按鈕”，即可控制Sheet狀態欄的加號是否顯示：
SpreadJS 滾動條
通過選擇【滾動條】菜單下的“顯示水平滾動條”選項，即可控制表單水平、豎直滾動條是否顯示：
通過選擇【背景】菜單下的“填充表格背景色”和“填充灰色區域背景色”，即可改變表格和狀態欄區域的主題顏色配置：
SpreadJS JSON 文件的導入/導出
SpreadJS表格控件支持以JSON的格式導入導出數據，並可保存錄入數據。SpreadJS通過使用數據源序列化和自定義特性序列化兩種方式實現JSON格式的導入和導出。
數據源序列化
若要將表單中的數據源序列化到JSON對象中，可以設置參數includeBindingSource: true，若未設置默認為false.
如下圖，點擊【數據源序列化】按鈕，即可將上表中的數據源數據導出，在下表中導入：
自定義特性序列化
除了數據源序列化，SpreadJS也支持按用戶自定義的特性進行JSON數據的序列化與反序列化。如下圖，點擊【加樣式】按鈕，即可為表格的視圖及標簽區域加入自定義樣式，點擊【自定義特性序列化】即可按照剛加入的自定義樣式進行序列化。
注：SpreadJS支持按以下自定義特性進行序列化與反序列化：
- 自定義單元格類型
- 自定義函數
- 自定義格式
- 自定義函數、迷你圖
- 自定義標簽
- 自定義行篩選
hitTest（命中測試）
通過點擊SpreadJS工作簿的單元格以進行命中測試，利用hitTest方法實現返回特定區域的屬性值。
SpreadJS Demo 示例
以下是我在學習SpreadJS工作簿的過程中，自己寫的兩個小示例，供大家參考。
l SpreadJSBasicDemo1.zip：包含了背景、滾動條、標簽功能的示例
l SpreadJSBasicDemo2.zip：包含了工作簿事件、命中測試，以及JSON文件
OK，今天先記錄到這里，下一步計划：學習SpreadJS的表單。
SpreadJS，我一定會征服你的，加油！
PS：文中提到的Kevin小哥哥非常靦腆，這里就不方便透露他的私人聯系方式了。不過，在前端技術交流群（720389894）中可以找到他
