當前位置:
首頁 > 知識 > 如何通過SpreadJS導入單獨的Sheet

如何通過SpreadJS導入單獨的Sheet

如何通過SpreadJS導入單獨的Sheet

SpeadJS是一款純前端的類Excel控制項,可以導入導出Excel。但是用戶往往有這樣的需求,需要將不同Excel之間的Sheet合併到一個工作簿中。這時候往往束手無策,其實SpreadJS稍微進行一下擴展,就可以支持這樣的功能了。

接下來,讓我們一步一步來實現這樣的功能。

環境準備

首先添加相關的JS、CSS引用以及部署授權

如何通過SpreadJS導入單獨的Sheet

之後設置承載spread的div,注意這裡需要設置兩個一個是隱藏起來不顯示的。

如何通過SpreadJS導入單獨的Sheet

初始化Spread

如何通過SpreadJS導入單獨的Sheet


導入相關實現

首先,我們需要建立相關導入的按鈕

如何通過SpreadJS導入單獨的Sheet

之後創建相關邏輯

如何通過SpreadJS導入單獨的Sheet

並將需要合併的Sheet所在的Excel導入至hiddenWorkbook中去。

創建後效果如下:

如何通過SpreadJS導入單獨的Sheet

接下來我們需要創建一個下拉菜單來供用戶選擇需要導入的Sheet

如何通過SpreadJS導入單獨的Sheet

之後在初始化的代碼中調用該方法:

CreateSheetSelect( )

完成效果如下圖所示:

如何通過SpreadJS導入單獨的Sheet

拷貝工作表

下面是核心內容拷貝工作表

SpreadJS本身支持通過sheet.toJSON()方法來序列化指定的工作表,但是有些樣式不是設置在sheet上,而是設置在樣式表中的,這時候單純序列化sheet導出,就無法滿足了。還需要將樣式表中的樣式循環拷貝。代碼如下:

如何通過SpreadJS導入單獨的Sheet

最後,讓我們看看完成效果。

如何通過SpreadJS導入單獨的Sheet


了解更多

SpreadJS是 Spread 表格開發系列產品之一。該產品是葡萄城公司出品的一系列功能和 Excel 類似的表格工具,支持桌面、Web 和移動平台開發,用於在應用系統中實現 Excel 導入導出、表格數據錄入和編輯等交互功能,並提供靈活的定製能力和豐富的數據可視化效果。

Spread 是目前市面上最接近 Excel 的表格開發工具,無論是界面、函數還是布局,都與 Excel 高度接近,正被華為、東軟、中國平安、河海大學、中通快遞、普華永道、魔方網表、思源軟體等企業應用於項目開發中。

除了純前端的SpreadJS,該系列產品還包括 .NET 平台可用的Spread Studio,和伺服器端批量操作Excel的Spread表格組件,敬請登陸官網了解更多:http://www.gcpowertools.com.cn/


關於葡萄城

葡萄城成立於1980年,是全球最大的控制項提供商,世界領先的企業應用定製工具、企業報表和商業智能解決方案提供商,為超過75%的全球財富500強企業提供服務。葡萄城於1988年在中國設立研發中心,在全球化產品的研發過程中,不斷適應中國市場的本地需求,並為軟體企業和各行業的信息化提供優秀的軟體工具和諮詢服務。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 葡萄城控制項 的精彩文章:

實現葡萄城報表的表格數據分組
「不僅有實力,更要有顏值」 – 葡萄城報表模板庫全面更新

TAG:葡萄城控制項 |