asp.net-mvc-3 - KendoUI 网格过滤器不工作

Question

我刚开始使用 Kendo UI。我有一个包含 Kendo Grid 的 .NET MVC Razor 项目。我的页面加载正常并且看起来不错 - 数据在网格中，但我有两个问题:

1. 当我点击“过滤器”图标时，没有任何反应(没有弹出窗口，什么都没有)

2. 当我运行该页面时，我在 kendo.all.min.js 文件中的 visual studio 中收到一个错误(错误:Microsoft JScript 运行时错误:对象不支持此操作。突出显示的代码显示为"d.transport=new n.data.transports[a.type](c(h,{data:i}))" 在 firebug 中运行会出现此错误:"n.data.transports[ a.type] 不是构造函数”

我正在使用类型为 List(CustomViewModel) 的模型。我已将以下脚本和 css 添加到我的 _Layout 部分 View 中:

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kendo.all.min.js")" type="text/javascript"></script>

(我尝试使用“kendo.web.min”和“kendo.aspnetmvc.min”代替“kendo.all.min”，我得到了相同的结果，但错误在 kendo.web.min .js)

我的页面是这样的:

@model List<CustomViewModel>
...
@(Html.Kendo().Grid(Model)
    .Name("applicantGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ApplicationID);
        columns.Bound(p => p.FirstName);
        columns.Bound(p => p.LastName);            
    })
.Sortable()
.Filterable()  
.Pageable()        
)

我的 View 模型如下所示:

public class CustomViewModel
{
    [ScaffoldColumn(false)]
    public Guid CustomViewModelID { get; set; }

    [Display(Name = "First Name")]
    public string FirstName { get; set; }

    [Display(Name = "Last Name")]
    public string LastName { get; set; }
}

我注意到在 Kendo 示例 ( http://demos.kendoui.com/web/grid/local-data.html ) 中，光标在过滤器图标上时是一只手。在我的页面上，光标在过滤器图标上时是一个箭头。

排序工作正常。我还稍微调整了这个示例，让选择和编辑按钮正常工作，但过滤器不起作用。

我尝试在 Kendo 论坛上发帖，但没有得到回复。

Answer 1

试试这个:

添加到您的 ASP.NET MVC 布局页面:

<script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>

有关更多信息，请参阅:http://www.kendoui.com/documentation/asp-net-mvc/introduction.aspx

并下载最新的脚本版本。显然 kendo.web.min 的早期版本没有 .Filterable() 选项。