午夜视频免费播放,亚洲精品大片,日本人妖网站

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

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

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

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

表單名稱標簽

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

下載Demo

滾動條

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

下載Demo

定制Spread背景

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

下載Demo

繪制Spread

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

下載Demo

Spread事件

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

下載Demo

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

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

下載Demo