如何在 MVC 应用程序中使用开源版本的 Kendo UI答案

【问题标题】：How to use open source version of Kendo UI in MVC application如何在 MVC 应用程序中使用开源版本的 Kendo UI
【发布时间】：2014-08-07 14:36:08
【问题描述】：

我看到 Telerik 在以下 URL 提供了 Kendo UI 的开源版本

http://www.telerik.com/download/kendo-ui-core

我下载了它，但无法使其在 ASP.NET MVC 应用程序中运行。

我不确定我错过了什么。我调用了下面链接中提到的 CSS 和 JS 文件： http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/asp-net-mvc-4

虽然我错过了一步添加对 Kendo.Mvc.dll 的引用，因为 Telerik 不提供免费版本的安装程序，我需要 JavaScript 版本的 Kendo UI 而不是 MVC 选择器。

这里有什么想法吗？

【问题讨论】：

如果您正在寻找可以在剃刀视图中使用的服务器端小部件，那么您必须获得付费版本。核心 ui 仅是 javascript。另外我相信你可以在visual studio中通过nuget安装它。
谢谢迈克。我只在寻找 JavaScript。我通过 Nugget 安装了它，但它无法正常工作。所以我不确定缺少什么。
您是否添加了适当的参考资料？检查这个：docs.telerik.com/kendo-ui/getting-started/…
到目前为止没有运气。不知道我错过了什么。我完全按照上面所说的做了。我也在尝试在 MVC 4 应用程序中使用它。我检查了 view-Source，所有与 Kendo 相关的 CSS 和 .JS 都正确加载。也许我会再试一次。我以前使用过这个控件，但那是在一家拥有剑道许可证的公司。

标签： asp.net-mvc kendo-ui kendo-asp.net-mvc

【解决方案1】：

如果你去：http://dojo.telerik.com/

默认页面包含启动和运行所需的所有内容以及顺序：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
</head>
<body>
</body>
</html>

如果在您将其放入页面后仍然无法正常工作，则说明发生了其他事情。

【讨论】：

谢谢迈克。是的，似乎还有其他事情发生
我在下面添加了代码，但它仍然无法正常工作。但是这段代码正在dojo.telerik.com
我明白了。这与我的 _layout.cshtml 有关。一旦我添加了 @{ Layout =null; 它就可以工作了} 在视图顶部

【解决方案2】：

注释掉 _layout.cshtml 页面中的以下行 @@Scripts.Render("~/bundles/jquery")@ 并在 head 部分的末尾添加以下行：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>

【讨论】：