SpreadJS 9 新功能之Excel导入/导出-控件新闻-慧都网

SpreadJS 9 新功能之Excel导入/导出

转帖|使用教程|编辑：龚雪|2016-03-09 13:47:54.000|阅读 1417 次

概述：本文主要介绍SpreadJS 9 新功能：Excel导入/导出，方便用户调用。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

老版本的导入导出服务以开源的Sample提供

原有的Excel导入/导出服务现在作为一个samples直接开源给用户使用

老版本的导入导出

安装SpreadJS ExcelIO Server Component.exe

1.SpreadJS ExcelIO Server Component.exe

SpreadJS ExcelIO Server Component.exe

2.激活License

激活License

3.安装完成后的目录

安装完成后的目录

示例程序：

第1步：程序集被安装到"%ProgramData%/GrapeCity/Spread Studio 9/SpreadJS/ExcelIO"

第2步：在Visual Studio中的空ASP.NET Web应用程序

在Visual Studio中的空ASP.NET Web应用程序

第3步：为Excel I/O创建授权文件

1. 在记事本中编辑如下文字： "GrapeCity.Spread.Sheets.ExcelIO.Spread, GrapeCity.Spread.Sheets.ExcelIO, Version=9.40.20153.0, Culture=neutral, PublicKeyToken=3ef656c0a61aba3a"。

2. 保存该文件。

3. 重命名文件为 "licenses.licx"。

拷贝该文件到属性文件夹并将其包含为嵌入资源。

第4步：添加Web窗体ASPX项目到项目

添加两个按钮控件，一个FileUpdate控制，二HiddenField组件和一个DIV DOM元素

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestExcelIO_WebForm.WebForm1" %>
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!--SpreadJS Widgets JavaScript-->
    <link href="css/gcspread.sheets.excel2013white.9.40.20153.0.css" rel="stylesheet" type="text/css" />
    <script src="scripts/gcspread.sheets.all.9.40.20153.0.min.js" type="text/javascript"></script>
    <script>
        function onLoad() {
            var spread = new GcSpread.Sheets.Spread(document.getElementById("ss"));
            var hiddenFile = document.getElementById("HiddenField1");
            if (hiddenFile && hiddenFile.value !== "") {
                spread.fromJSON(JSON.parse(hiddenFile.value));
            }
        }
        function exportExcel() {
            var spread = GcSpread.Sheets.findControl(document.getElementById("ss"));
            var hiddenFile2 = document.getElementById("HiddenField2");
            hiddenFile2.value = JSON.stringify(spread.toJSON());
        }
    </script>
</head>
<body onload="onLoad()">
    <form id="form1" runat="server">
        <asp:FileUpload ID="FileUpload1" runat="server" Height="24px" Width="223px" />
        <asp:Button ID="ImportBtn" runat="server" Text="Import Excel" OnClick="ImportBtn_Click" />
        <asp:Button ID="ExportBtn" runat="server" Text="Export Excel" OnClick="ExportBtn_Click" OnClientClick="exportExcel()"/>
        <div id="ss" style="width:100%;height:500px">
             
        </div>
        <asp:HiddenField ID="HiddenField1" runat="server" />
        <asp:HiddenField ID="HiddenField2" runat="server" />
    </form>
</body>
</html>

第5步：添加服务器端代码的服务器按钮单击事件处理方法

protected void ImportBtn_Click(object sender, EventArgs e)
{
    if (this.FileUpload1.HasFile)
    {
        Importer excelImporter = new Importer();
        this.HiddenField1.Value = excelImporter.ImportExcel(this.FileUpload1.FileContent);
    }
}
protected void ExportBtn_Click(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(this.HiddenField2.Value))
    {
        Exporter excelExporter = new Exporter(this.HiddenField2.Value);
        excelExporter.SaveExcel(Response.OutputStream);
        Response.AddHeader("content-disposition", "attachment; filename= test.xlsx");
        Response.End();
    }
}

运行截图：

运行截图

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群

SpreadJS 9 新功能之Excel导入/导出

老版本的导入导出服务以开源的Sample提供

安装SpreadJS ExcelIO Server Component.exe

1.SpreadJS ExcelIO Server Component.exe

2.激活License

3.安装完成后的目录

示例程序：

第1步：程序集被安装到"%ProgramData%/GrapeCity/Spread Studio 9/SpreadJS/ExcelIO"

第2步：在Visual Studio中的空ASP.NET Web应用程序

第3步：为Excel I/O创建授权文件

第4步：添加Web窗体ASPX项目到项目

第5步：添加服务器端代码的服务器按钮单击事件处理方法

运行截图：

示例下载：

文章转自葡萄城

更多厂商产品信息请查看>>

用科技创就卓越

Create excellence with technology

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群

SpreadJS 9 新功能之Excel导入/导出

老版本的导入导出服务以开源的Sample提供

安装SpreadJS ExcelIO Server Component.exe

1.SpreadJS ExcelIO Server Component.exe

2.激活License

3.安装完成后的目录

示例程序：

第1步：程序集被安装到"%ProgramData%/GrapeCity/Spread Studio 9/SpreadJS/ExcelIO"

第2步：在Visual Studio中的空ASP.NET Web应用程序

第3步：为Excel I/O创建授权文件

第4步：添加Web窗体ASPX项目到项目

第5步：添加服务器端代码的服务器按钮单击事件处理方法

运行截图：

示例下载：

文章转自葡萄城

更多厂商产品信息请查看>>

为你推荐

用科技创就卓越

Create excellence with technology