日韩亚洲视频,蜜桃网址,人兽福利影院

SpreadJS工作薄示例集合|附下載

原創(chuàng)|使用教程|編輯：王香|2018-10-22 17:00:01.000|閱讀 414 次

概述：此示例集合介紹了SpreadJS中工作薄中的相關(guān)操作及指令，以及相關(guān)Demo下載。

SpreadJS是一個面向企業(yè)級應(yīng)用開發(fā)的綜合性、高效能的基于HTML5的純JavaScript電子表格控件。SpreadJS有著強(qiáng)大的表單處理能力和電子表格功能。這些功能包括跨表單引用和計算，這樣就能夠充分利用多個表單上的數(shù)據(jù)和公式。

初始化Spread

將.css和.min.js 文件加入到 HTML 文檔 Head 部分并給予其對應(yīng)路徑。

下載Demo

Spread表單

如果你想添加更多的表單來展現(xiàn)數(shù)據(jù), 可以通過調(diào)用方法 addSheet 來添加表單。你可以只設(shè)置索引參數(shù), 在所在位置添加一張空白的表單, 或者設(shè)置兩個參數(shù), 第二個參數(shù)是要添加的表單對象。

下載Demo

表單名稱標(biāo)簽

Spread.Sheets 表單名稱標(biāo)簽與 Excel 類似。你可以點(diǎn)擊標(biāo)簽導(dǎo)航按鈕來移動表單標(biāo)簽, 點(diǎn)擊表單標(biāo)簽來切換活動表單, 拖拽表單標(biāo)簽來重新排列表單集合, 以及拖拽表單標(biāo)簽區(qū)域?qū)挾雀淖儼粹o來改變表單標(biāo)簽區(qū)域的寬度。

下載Demo

滾動條

Spread.Sheets 中的水平和垂直滾動條讓你能夠輕松移動表單的可視區(qū)域,完成表單的瀏覽。

下載Demo

定制Spread背景

你可以設(shè)置 backColor 或者 backgroundImage 選項(xiàng)為每一個表單設(shè)置背景色或者背景圖片。如果你同時設(shè)置背景色和背景圖片, 那么背景圖片將會優(yōu)先顯示。

下載Demo

繪制Spread

在你通過API或行為改變Spread之后, 控件需要處理這些改變, 然后進(jìn)行重繪。

下載Demo

Spread事件

Spread.Sheets提供豐富了的事件, 你可以監(jiān)聽這些事件并作出自己的響應(yīng)。

下載Demo

Spread JSON 導(dǎo)入/導(dǎo)出

Spread.Sheets 支持 JSON 格式的序列化與反序列化。你可以將當(dāng)前 spread 保存為 JSON 格式的數(shù)據(jù)進(jìn)行存儲, 也可以導(dǎo)入這些 JSON 格式數(shù)據(jù)到 spread 中來進(jìn)行場景恢復(fù)。當(dāng)你想要把整個Spread或者Sheet存儲在數(shù)據(jù)庫中或者從數(shù)據(jù)庫中恢復(fù)，這個功能就很實(shí)用。

下載Demo