如何通過SpreadJS導入單獨的Sheet
SpeadJS是一款純前端的類Excel控制項,可以導入導出Excel。但是用戶往往有這樣的需求,需要將不同Excel之間的Sheet合併到一個工作簿中。這時候往往束手無策,其實SpreadJS稍微進行一下擴展,就可以支持這樣的功能了。
接下來,讓我們一步一步來實現這樣的功能。
環境準備
首先添加相關的JS、CSS引用以及部署授權
之後設置承載spread的div,注意這裡需要設置兩個一個是隱藏起來不顯示的。
初始化Spread
導入相關實現
首先,我們需要建立相關導入的按鈕
之後創建相關邏輯
並將需要合併的Sheet所在的Excel導入至hiddenWorkbook中去。
創建後效果如下:
接下來我們需要創建一個下拉菜單來供用戶選擇需要導入的Sheet
之後在初始化的代碼中調用該方法:
CreateSheetSelect( )
完成效果如下圖所示:
拷貝工作表
下面是核心內容拷貝工作表
SpreadJS本身支持通過sheet.toJSON()方法來序列化指定的工作表,但是有些樣式不是設置在sheet上,而是設置在樣式表中的,這時候單純序列化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:葡萄城控制項 |