Telerik入门:kendoDropDownList不是一个函数

时间:2015-04-23 12:03:53

标签: c# .net kendo-ui kendo-asp.net-mvc telerik-mvc

我正在尝试使用Telerik提供的30天试用版,但我有一些问题可以让它正常工作。

据我所知,我做了所需的一切,但在尝试显示控件时仍然出现错误:

这是我在浏览器中显示的错误(在控制台选项卡中)

TypeError: jQuery(...).kendoDropDownList is not a function
jQuery(function(){jQuery("#color").kendoDropDownList({"dataTextField":"Text","da...

以下是我在布局视图中添加的脚本:

<head>
    <meta charset="utf-8" />
    <title>Index - My ASP.NET MVC Application</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <script src="/Scripts/jquery-1.8.2.js"></script>

    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>

    <link rel="stylesheet" href="/Content/kendo.common.min.css">
    <link rel="stylesheet" href="/Content/kendo.silver.min.css">
    <script src="/Scripts/kendo.web.min.js"></script>
    <script src="/Scripts/kendo.aspnetmvc.min.js"></script>
    <script src="/Scripts/kendo.all.min.js"></script>

</head>

所有.js和.css都被正确调用,telerik命名空间在我的web.config文件中注册,并且引用已被正确添加到项目中。 似乎某处缺少.js,但我找不到哪一个...... 谢谢你的帮助

1 个答案:

答案 0 :(得分:3)

这是正确的顺序:

color: #FFF !important;

请注意<script src="/Scripts/jquery-1.11.2.min.js"></script> <script src="/Scripts/kendo.all.min.js"></script> <script src="/Scripts/kendo.aspnetmvc.min.js"></script> (或kendo.all.min.js,如果您使用它)需要在kendo.web.min.js之前加载。如果您使用MVC助手,则始终需要kendo.aspnetmvc.min.js

Kendo UI所需的最低jQUery版本是1.9.1,但如果您需要IE8兼容性,则更新到最新的1.x版本并不会有任何损害,如果您不需要,则更新2.x.吨。请参阅Supported jQuery versions

根据您使用的小部件,您可以使用kendo.web而不是kendo.all。请参阅Pick the Right Combined Script Based on Your Project Type

您还可以使用custom download tool创建自己的javascript。