91玩游戏盒子,日韩免费精品大片,国产三级中文字幕

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

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

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

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

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>

相關(guān)鏈接：

下載SpreadJS最新試用版

前言

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

使用前須知

表單綁定無(wú)法跟其他兩種綁定混合使用：表單綁定綁定的是整個(gè)sheet，無(wú)法在其基礎(chǔ)上再去綁定某個(gè)單元格或者表格。
表單綁定無(wú)法在設(shè)計(jì)器中設(shè)置，只能通過(guò)代碼來(lái)進(jìn)行綁定設(shè)置：設(shè)計(jì)器只能設(shè)置表格綁定和單元格綁定。

詳細(xì)操作

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

自動(dòng)生成綁定列

autoGenerateColumns 設(shè)置為true時(shí)即為自動(dòng)生成綁定列的模式。首先，我們假設(shè)前端接收的數(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' },
];

獲取需要綁定的工作表對(duì)象并聲明為sheet，接下來(lái)通過(guò)。

sheet.autoGenerateColumns = true;

設(shè)置綁定模式為自動(dòng)生成綁定列模式。

接下來(lái)將數(shù)據(jù)源通過(guò)setDataSource方法設(shè)置數(shù)據(jù)源給該sheet對(duì)象。

sheet.setDataSource(dataSource);

執(zhí)行完上述代碼后，頁(yè)面會(huì)進(jìn)行如下顯示：

SpreadJS

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

當(dāng)我們?cè)诒砀裰羞M(jìn)行填報(bào)，編輯之后，我們可以通過(guò)getDataSource方法來(lái)獲取這個(gè)時(shí)候的數(shù)據(jù)源對(duì)象。例如，我們?cè)谏厦骘@示的頁(yè)面上進(jìn)行填報(bào)，編輯:

SpreadJS

當(dāng)我們通過(guò)sheet.getDataSource()獲得的數(shù)據(jù)源對(duì)象如下圖所示：

SpreadJS

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

SpreadJS | 下載試用

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

標(biāo)簽：JavaScript 表格控件 Spread

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

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