从Kendo-UI网格导出数据

时间:2018-06-25 10:43:36

标签: kendo-grid

我的应用程序中的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 按钮有效,但是它不起作用。我在做什么错了?

1 个答案:

答案 0 :(得分:0)

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

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