如何在单击按钮时找到 Kendo 网格 ID？

Question

我的工具栏中有按钮，布局页面中有该工具栏，其他视图中有 kendo 网格。当我单击按钮时，我想将该网格导出到 Excel。

如何获取任何 kendo 网格 ID 并使用该按钮导出 Excel？

有什么建议吗？

Answer 1

好吧，我将根据您的问题做出一些假设。

我假设您在页面上有一个 toolbar 小部件，该小部件未链接到包含 grid 小部件的视图。现在网格本身有一个自动导出到 excel 按钮，您可以在小部件的配置中配置该按钮。 Export To Excel From Grid 但作为示例，这里有一个 dojo，显示您将其链接到网格外的 external 按钮。 Dojo Example

我所做的只是创建了一个函数，可以在页面上找到任何 grid widgets，然后为您将它们导出到 excel。现在这只会为您导出 first page，但您可以将网格配置为导出 saveToExcel() 函数之前的所有页面运行。

这里是我为清晰起见创建的函数：

function(e) {
  var grids = $('div[data-role="grid"]');

  if (grids.length > 0) {
    grids.each(function(index, foundGrid) {

      $(foundGrid).data('kendoGrid').saveAsExcel();
    });
  }
}

如何在单击按钮时找到 Kendo 网格 ID？

How to find Kendo Grid Id on button click?

html

javascript

jquery

kendo-ui

kendo-grid