从Kendo-UI网格导出数据

Question

我的应用程序中的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>

这个网格的数据源是在运行时附加的.我试图使导出到Excel按钮工作，但它不起作用。我做错了什么？

Answer 1

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

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