Kendo Grid :TypeError: $(...).saveAsExcel 不是函数答案

【问题标题】：Kendo Grid :TypeError: $(...).saveAsExcel is not a functionKendo Grid :TypeError: $(...).saveAsExcel 不是函数
【发布时间】：2023-03-13 11:35:01
【问题描述】：

saveAsExcel 不工作并抛出错误。

Kendo Grid :TypeError: $(...).saveAsExcel 不是函数

下面是我的代码：

包含的 jquery 文件：

<script src="~/Scripts/kendo.all.min.js"></script>
<script src="~/Scripts/kendo.aspnetmvc.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.4.0/jszip.min.js"></script>

剑道网格：

<button class="k-button" id="button">Export Excel</button>

@(Html.Kendo().Grid<WealthWizard.Common.Entities.UserLoginEntity>()
            .Name("grid").NoRecords("No Records Found(s)").Excel(o => o.AllPages(true).FileName("xyz.xls"))
            .Columns(columns =>
            {                columns.Bound(c => c.FirstName).
                ClientTemplate("<a href='" + Url.Action("WWView", "Dashboard", new { Area = "Admin", AffID = "#= ID #' " }) + "#= FirstName #' " + ">#= FirstName #</a>")
                .Width(150).Title("First Name");
                columns.Bound(c => c.Email).Width(150).Filterable(false).Title("Email"); ;
                columns.Bound(c => c.Phone).Width(150).Filterable(false).Title("Phone"); ;
                columns.Bound(c => c.StateName).Width(150).Filterable(false).Title("State"); ;
                columns.Bound(c => c.Stars).Width(150).Filterable(false).Title("Stars"); ;
                columns.Bound(c => c.ContactsProfiled).Width(150).Filterable(false).Title("Contacts Profiled"); ;
                columns.Bound(c => c.Leadsregistered).Width(150).Filterable(false).Title("Leads Registered"); ;
                columns.Bound(c => c.ContestWon).Width(150).Filterable(false).Title("ContestWon"); ;
                columns.Bound(c => c.UserLastActivity).Width(150).Filterable(false).Title("Last Activity"); ;
                columns.Bound(c => c.CreatedOn).Width(150).Title("Created On").Format("{0:MM/dd/yyyy}");
            })
            .ToolBar(toolBar => toolBar.
            Template(@<text><input class='k-textbox' value="Search..."
                                   onfocus="if (this.value=='Search...') this.value='';"
                                   onkeyup="fFilterChanged()"
                                   onblur="this.value = this.value==''?'Search...':this.value;"
                                   id='searchbox' /></text>))
            .Resizable(resizing => resizing.Columns(true))
            .Reorderable(reorder => reorder.Columns(true))
            .HtmlAttributes(new { style = "height: 650px;" })
            .Scrollable(scrollable => scrollable.Virtual(true))
            .Sortable()
            .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .PreviousNext(true)
            .ButtonCount(5)
            )
            .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("WealthWizard_Read", "Dashboard").Data("GetFilter"))
            .PageSize(50)
   ))

功能：

$('#button').click(function () {
     var gridview = $("#grid").data("kendoGrid");
     gridview.saveAsExcel();
});

【问题讨论】：

网格是否填充了任何数据？另外，这可能是因为没有 kendo.min.js 文件，因为它是调用该函数的原因
是的，网格从服务器端填充数据......我还添加了以下文件：
@Scripts.Render("~/bundles/jqueryval") 我认为我已经包含了所有脚本

标签： .net razor model-view-controller kendo-grid telerik-grid

【解决方案1】：

确保您拥有用于 kendo excel 导出的正确版本的 javascriot 文件。从 Kendo UI Q3 2014 (2014.3.1119) 版本开始，Grid 小部件提供了内置的 Excel 导出功能。

【讨论】：

【解决方案2】：

在剑道查看页面：

@(Html.Kendo().Grid<GroupContact1>()
.Name("gridKendoSearchBycategory")
**.Events(s=>s.ExcelExport("Excelexportname"))**

<script>
function Excelexportname(e) {
e.sender.saveAsExcel();
}
// In Events if not seen ExcelExport please update kendo Js version 2018.
</script>

U 也可以在 Kendo Grid Mvc 中用于下载 Excel：

.Excel(excel => excel.FileName("ContactByCategoryExcel.xlsx")
.Filterable(true)
.AllPages(true))

在此之前请检查您的剑道版本，因为某些功能在旧版本中无法正常使用，您可以使用版本 2018.3.1017.545

【讨论】：