如何从剑道的对话框或窗口（弹出）中导出网格的excel答案

【问题标题】：How to export excel of grid from dialog or window(popup) in kendo如何从剑道的对话框或窗口（弹出）中导出网格的excel
【发布时间】：2019-08-28 02:26:43
【问题描述】：

如何在kendo jquery中从对话框或窗口（弹出）导出网格的excel（不使用MVC或部分视图）

【问题讨论】：

标签： kendo-ui kendo-grid kendo-treeview kendo-mobile

【解决方案1】：

您可以使用内置方法saveAsExcel 来做到这一点。

查看取自Kendo documentation的代码sn-p：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js"></script>
</head>
<body>
  
<button id="export">Export to Excel</button>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
  ],
});
$("#export").click(function(e) {
    var grid = $("#grid").data("kendoGrid");
    grid.saveAsExcel();
});
</script>
</body>
</html>

【讨论】：