国产在线视频一区,女教师巨大乳孔中文字幕,国产激情精品一区二区三区

SpreadJS 數(shù)據(jù)綁定系列（二）表單綁定操作（上）

轉帖|使用教程|編輯：王香|2019-03-26 15:52:27.000|閱讀 684 次

概述：SpreadJS的表單綁定是將前端獲取的數(shù)據(jù)源DataSource綁定到整個表單上，由于數(shù)據(jù)源是一個二維表格形式的結構，所以將會以列為單位綁定數(shù)據(jù)源中的每一個字段。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

下載SpreadJS最新試用版

前言

上一期我們對數(shù)據(jù)綁定做了一個大致的介紹，本期我們著重為大家介紹如果進行數(shù)據(jù)幫綁定。這里首先介紹如何進行表單級別操作：

使用前須知

表單綁定無法跟其他兩種綁定混合使用：表單綁定綁定的是整個sheet，無法在其基礎上再去綁定某個單元格或者表格。
表單綁定無法在設計器中設置，只能通過代碼來進行綁定設置：設計器只能設置表格綁定和單元格綁定。

詳細操作

SpreadJS的表單綁定是將前端獲取的數(shù)據(jù)源DataSource綁定到整個表單上，由于數(shù)據(jù)源是一個二維表格形式的結構，所以將會以列為單位綁定數(shù)據(jù)源中的每一個字段，這里通過設置autoGenerateColumns 可以控制是否自動生成綁定列，下面將以自動生成和手動生成兩種方式分開詳細介紹：

自動生成綁定列

autoGenerateColumns 設置為true時即為自動生成綁定列的模式。首先，我們假設前端接收的數(shù)據(jù)源為(數(shù)據(jù)源的獲取可以為任何方式，比如常用的：ajax,getjson等等)。

var dataSource = [
  { ID:0, Name:'A', Info1:'Info0' },
  { ID:1, Name:'B', Info1:'Info1' },
  { ID:2, Name:'C', Info1:'Info2' },
];

獲取需要綁定的工作表對象并聲明為sheet，接下來通過。

sheet.autoGenerateColumns = true;

設置綁定模式為自動生成綁定列模式。

接下來將數(shù)據(jù)源通過setDataSource方法設置數(shù)據(jù)源給該sheet對象。

sheet.setDataSource(dataSource);

執(zhí)行完上述代碼后，頁面會進行如下顯示：

SpreadJS

可以看到的，列頭被自動定義成了數(shù)據(jù)源中對應字段的名稱。列頭會根據(jù)綁定的字段而變化這個是表單綁定的其中一個特征。

當我們在表格中進行填報，編輯之后，我們可以通過getDataSource方法來獲取這個時候的數(shù)據(jù)源對象。例如，我們在上面顯示的頁面上進行填報，編輯:

SpreadJS

當我們通過sheet.getDataSource()獲得的數(shù)據(jù)源對象如下圖所示：

SpreadJS

以上就是這一期數(shù)據(jù)綁定帶來的內容，下一期我們將介紹如何通過手動設置綁定列來完成表單綁定。

SpreadJS | 下載試用

純前端表格控件SpreadJS，是市面上布局與功能都與 Excel 高度類似的一款表格控件，全中文操作界面，適用于.NET、Java、移動端等多個平臺的類 Excel 數(shù)據(jù)開發(fā)，備受華為、中通、民航飛行學院等國內知名企業(yè)客戶青睞。

標簽：JavaScript 表格控件 Spread

本站文章除注明轉載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：數(shù)據(jù)分析軟件Power BI探索數(shù)據(jù)教程（三）——如何使用自然語言提出有關數(shù)據(jù) 下一篇：Mindfusion教程：帶有剪切圖像的自定義圖表節(jié)點（上）

相關產品

控件

產品功能：文檔管理

源碼：非開源

產品編號：13558

當前版本：v18.0 Update1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： GrapeCity

正式授權

">SpreadJS

面向企業(yè)級應用開發(fā)、基于HTML5的純JavaScript電子表格控件。

最新文章 MORE

金喜正規(guī)買球相關的文章 MORE

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

SpreadJS 數(shù)據(jù)綁定系列（二）表單綁定操作（上）

前言

使用前須知

詳細操作

自動生成綁定列

SpreadJS | 下載試用

用科技創(chuàng)就卓越

Create excellence with technology

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

SpreadJS 數(shù)據(jù)綁定系列（二） 表單綁定操作（上）

前言

使用前須知

詳細操作

自動生成綁定列

SpreadJS | 下載試用

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology

SpreadJS 數(shù)據(jù)綁定系列（二）表單綁定操作（上）