轉帖|使用教程|編輯:龔雪|2021-07-06 09:57:19.497|閱讀 322 次
概述:SpreadJS支持雙向數據綁定,可以快速實現填報和報表需求,本文主要介紹如何使用SpreadJS實現圖片綁定。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
SpreadJS支持雙向數據綁定,可以快速實現填報和報表需求。在報表中,展示圖片也是常見需求,那么如何將數據字段中的圖片鏈接展示為圖片呢?
目前SpreadJS可以通過浮動圖片,單元格背景以及V14Update1中新增的圖片迷你圖三種方式顯示圖片。再結合一定的開發,即可實現綁定圖片的需求。
參考實例,將含有鏈接的列隱藏,展示圖片單元格使用IMAGE引用隱藏單元格。
優點:不需要代碼開發,只要在設計模板時使用些小技巧即可
缺點:模板設計人員需要學習設計方法,合理安排隱藏單元格位置;Excel不支持函數迷你圖,導出Excel顯示#NAME
在模板設計時,給單元格tag加上特殊標記,數據綁定完成后遍歷單元格,查找標記,在單元格位置插入浮動圖片。
優點:浮動圖片可以導出Excel
缺點:模板設計時候要打標記;插入浮動圖片需要考慮合并單元格的影響
自定義圖片單元格,在自定義單元格paint實現中設置參數的style添加屬性值為單元格value,value參數傳遞空。在單元格中顯示圖片
優點:使用單元格類型設置圖片更直觀,和Checkbox等方式一致。
缺點:單元格類型無法導出Excel
大家可以根據自己項目實際需求選擇合適的方式添加圖片。
純前端表格控件SpreadJS,兼容 450 種以上的 Excel 公式,具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性,備受華為、蘇寧易購、天弘基金等行業龍頭企業的青睞,并被中國軟件行業協會認定為“中國優秀軟件產品”。SpreadJS 可為用戶提供類 Excel 的功能,滿足表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景需求,極大的降低企業研發成本和項目交付風險。
本文轉載自
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: