Javascript 运行时错误：Internet Explorer 中的“对象不支持属性或方法”

Question

我正在使用剑道网格，它们可以很好地用于 CRUD 操作。现在，我想通过将.Filterable() 选项添加到网格规范来添加过滤。这是一些代码：

<div id="datagrid">
    @(Html.Kendo().Grid<SustIMS.Models.ConcessionModel>()
    .Name("datagrid_Concessions")
    .Columns(columns =>
    {
        columns.Bound(c => c.Code).Title("Code");
        columns.Bound(c => c.Description).Title("Description");
        columns.Bound(c => c.TrafficOpeningDate).Title("Traffic Opening Date");
        columns.Bound(c => c.CreationDate).Title("Creation Date");
    })
    .HtmlAttributes(new { style = "height: 534px;" })
    .Filterable() // here's the filterable option
    .Selectable()
    .Events(e => e.Change("onChange"))
    .Pageable(pageable => pageable
        .Refresh(true))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(15)
        .Read(read => read.Action("GetConcessions", "MasterData"))
    )
    )
</div>

网格呈现完美，现在网格的列标题上显示了一些过滤器图标：

但是当我单击一个时，弹出窗口会打开半秒钟并抛出错误。我正在使用 Visual Studio 2010，调试器显示一个弹出窗口 javascript runtime error: object doesn't support property or method 'addBack'.

此外，它会打开文件kendo.all.min.js，并在addBack 方法所在的代码行上突出显示。

注意：我已经在 Chrome 和 Firefox 上进行了测试，并且运行良好。该问题仅在使用 Internet Explorer（版本 11）时存在。

有什么帮助吗？

Answer 1

确保您的页面中有Jquery-1.8.1.min.js 或更高版本的jquery。因为addBack 已添加到1.8。

这样试试，

 @(Html.Kendo().Grid<SustIMS.Models.ConcessionModel>()
    .Name("datagrid_Concessions")
    .Columns(columns =>
    {
        columns.Bound(c => c.Code).Title("Code");
        columns.Bound(c => c.Description).Title("Description");
        columns.Bound(c => c.TrafficOpeningDate).Title("Traffic Opening Date");
        columns.Bound(c => c.CreationDate).Title("Creation Date");
    })
    .HtmlAttributes(new { style = "height: 534px;" })
    .Filterable() // here's the filterable option
    .Selectable()
    .Events(e => e.Change("onChange"))
    .Pageable(pageable => pageable
        .Refresh(true))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(15)
        .Model(model =>     <--- Add this
         {
           model.Id(m => m.Id);
           model.Field(m => m.Code);
           model.Field(m => m.Description);
         })
        .Read(read => read.Action("GetConcessions", "MasterData"))
    )
    )

查看此演示：http://jsbin.com/emuqazEz/4/edit

Answer 2

我刚刚在 IE11 中进行了测试，过滤效果很好。

来自 Kendo UI 故障排除：

问题：

对象不支持属性或方法“kendoGrid”（在 Internet Explorer 9+ 中）

解决方案：

确保您的页面中不包含多次 jQuery。删除对 j​​Query 的任何重复脚本引用。包括所有必需的 Kendo JavaScript 文件。

这是一个与你类似的问题，所以我会检查我所有的 javascript 文件。