在 MVC 5 中将 Kendo Grid 导出到 Excel答案

【问题标题】：Export Kendo Grid to Excel in MVC 5在 MVC 5 中将 Kendo Grid 导出到 Excel
【发布时间】：2015-06-29 20:54:18
【问题描述】：

我需要将webgrid数据导出到excel，我使用的是mvc 5应用程序。点击按钮，webgrid数据导出到excel文件中。 webgrid 生成动态数据，这是我的视图代码。

<div>
    @(Html.Kendo().Grid(Model)
        .Name("grid")
        .Scrollable()
        .Columns(columns =>
        {
            columns.AutoGenerate(column =>
            {
                column.Width = "100px";
            });

         })
         .HtmlAttributes(new { style = "width: 900px;" })
         .Groupable()
         .Filterable()
         .Sortable(sortable => sortable
             .AllowUnsort(true)
             .SortMode(GridSortMode.MultipleColumn)
          )
         .Pageable(pageable => pageable
             .PageSizes(true)
          )
         .Resizable(resize => resize
             .Columns(true)
          )
         .DataSource(dataSource => dataSource
             .Ajax()
             .PageSize(20)
             .ServerOperation(false)
          )
      )
</div>

【问题讨论】：

您的问题是什么？您是否希望有人为您编写代码以导出剑道网格以供您使用？
我添加了我的视图代码。

标签： asp.net-mvc kendo-ui

【解决方案1】：

更简单的方法是使用 KendoUI Grid 的内置功能导出到 Excel。只需将 excel 按钮添加到工具栏上即可

.ToolBar(tools => tools.Excel())

然后添加Excel配置

.Excel(excel => excel
    .FilterName("My Kendo Grid Export.xlsx")
    .Filterable(true)
)

在KendoUI Demos Site查看官方telerik示例

如果您需要支持早于 IE10 或 Safari，则需要使用 ProxyURL 配置。参见KendoUI Documentation and API Reference的文档

您的其他选择是使用服务器端控件、ala GemBox (Gembox Excel File Creation Sample) 或 Microsoft Office Excel 对象库 (MS Office Object Library Sample) 或任何数量的其他替代方案来创建电子表格，这些替代方案具有一连串的 Stack Overflow Q/A已经 (Stackoverflow Search for '.Net create Excel file')。

【讨论】：

感谢您的回复。我试过这个。我收到一个错误：不包含剑道中 excel 的定义，也没有扩展方法
您使用的是哪个版本的 KendoUI？我认为在 2015 年的第一个版本中添加了本地导出到 excel。
版本 2014.1.528.545
尝试升级到最新版本。
如何升级到最新版本？

【解决方案2】：

它只在一张 Excel 表中显示数据。我需要在每个 Excel 表中显示 20 条记录。

<script>
$(document).ready(function () {

    $("#export").click(function (e) {
        var grid = $("#grid").data("kendoGrid");

        grid.saveAsExcel();
        e.preventDefault();
    });
</script>

【讨论】：