从 Kendo-UI 网格导出数据答案

【问题标题】：exporting data from Kendo-UI grid从 Kendo-UI 网格导出数据
【发布时间】：2018-06-28 08:18:43
【问题描述】：

我的应用程序中的 KendoUI 网格代码是声明式的，如下所示：

<kendo-grid id="myGrid" options="mainGridOptions">
    <kendoGridToolbarTemplate>
            <button kendoGridExcelCommand>Export to Excel</button>
         <kendo-grid-excel fileName="GridData.xlsx">
           </kendo-grid-excel>
    </kendoGridToolbarTemplate>
    <div k-detail-template>
        <kendo-tabstrip> Some DIVs and fields here </kendo-tabstrip>
    </div>
   <kendo-grid-excel fileName="Products.xlsx"></kendo-grid-excel>
</kendo-grid>

此网格的数据源在运行时附加。我正在尝试使 Export to Excel 按钮可用，但它不起作用。我做错了什么？

【问题讨论】：

标签： kendo-grid

【解决方案1】：

对于将来偶然发现此问题的任何人，这里是解决方案。如果使用模板，则将网格导出到 Excel 的按钮必须以编程方式调用 saveAsExcel 方法。因为我使用的是模板，所以我添加了一个按钮并将其 onclick 事件编写如下：

<button id='exportEx' onclick='$("#myGrid").data("kendo-grid").saveAsExcel();'>Export to Excel</button>

【讨论】：