欧美视频区,韩国伦理在线观看,成人免费福利

純前端表格控件SpreadJS使用教程 - 如何進(jìn)行圖片綁定

轉(zhuǎn)帖|使用教程|編輯：龔雪|2021-07-06 09:57:19.497|閱讀 322 次

概述：SpreadJS支持雙向數(shù)據(jù)綁定，可以快速實(shí)現(xiàn)填報(bào)和報(bào)表需求，本文主要介紹如何使用SpreadJS實(shí)現(xiàn)圖片綁定。

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

相關(guān)鏈接：

SpreadJS支持雙向數(shù)據(jù)綁定，可以快速實(shí)現(xiàn)填報(bào)和報(bào)表需求。在報(bào)表中，展示圖片也是常見需求，那么如何將數(shù)據(jù)字段中的圖片鏈接展示為圖片呢？

目前SpreadJS可以通過浮動(dòng)圖片，單元格背景以及V14Update1中新增的圖片迷你圖三種方式顯示圖片。再結(jié)合一定的開發(fā)，即可實(shí)現(xiàn)綁定圖片的需求。

點(diǎn)擊獲取SpreadJS工具下載

方法一：圖片迷你圖引用綁定路徑單元格

參考實(shí)例，將含有鏈接的列隱藏，展示圖片單元格使用IMAGE引用隱藏單元格。
優(yōu)點(diǎn)：不需要代碼開發(fā)，只要在設(shè)計(jì)模板時(shí)使用些小技巧即可
缺點(diǎn)：模板設(shè)計(jì)人員需要學(xué)習(xí)設(shè)計(jì)方法，合理安排隱藏單元格位置；Excel不支持函數(shù)迷你圖，導(dǎo)出Excel顯示#NAME

方法二：綁定后遍歷添加圖片

在模板設(shè)計(jì)時(shí)，給單元格tag加上特殊標(biāo)記，數(shù)據(jù)綁定完成后遍歷單元格，查找標(biāo)記，在單元格位置插入浮動(dòng)圖片。
優(yōu)點(diǎn)：浮動(dòng)圖片可以導(dǎo)出Excel
缺點(diǎn)：模板設(shè)計(jì)時(shí)候要打標(biāo)記；插入浮動(dòng)圖片需要考慮合并單元格的影響

方法三：自定義圖片單元格

自定義圖片單元格，在自定義單元格paint實(shí)現(xiàn)中設(shè)置參數(shù)的style添加屬性值為單元格value，value參數(shù)傳遞空。在單元格中顯示圖片
優(yōu)點(diǎn)：使用單元格類型設(shè)置圖片更直觀，和Checkbox等方式一致。
缺點(diǎn)：單元格類型無法導(dǎo)出Excel

大家可以根據(jù)自己項(xiàng)目實(shí)際需求選擇合適的方式添加圖片。

SpreadJS | 下載試用

純前端表格控件SpreadJS，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，備受華為、蘇寧易購、天弘基金等行業(yè)龍頭企業(yè)的青睞，并被中國軟件行業(yè)協(xié)會(huì)認(rèn)定為“中國優(yōu)秀軟件產(chǎn)品”。SpreadJS 可為用戶提供類 Excel 的功能，滿足表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào)、類 Excel 報(bào)表設(shè)計(jì)等業(yè)務(wù)場(chǎng)景需求，極大的降低企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

本文轉(zhuǎn)載自

標(biāo)簽：

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

文章轉(zhuǎn)載自：

上一篇：Stimulsoft Reports用戶手冊(cè)：數(shù)據(jù)帶中的交叉表報(bào)表下一篇：ActiveX組件Xtreme Suite Pro v20現(xiàn)已發(fā)布！含11中界面開發(fā)常用控件|附下載