如何将 Kendo UI HTML 助手添加到我的 ASP.net MVC 4 项目？

Question

简单问题：我已经在我的工作站上安装了 Telerik DevCraft Ultimate。我查看了显示使用 Kendo UI HTML 帮助程序的示例。

我要向我的项目添加什么参考才能使用它们？

Answer 1

配置您的 ASP.NET MVC 布局页面以包含 Kendo UI Web JavaScript 和 CSS 文件：

 <link rel="stylesheet" href="@Url.Content("~/Content/kendo.common.min.css")">
 <link rel="stylesheet" href="@Url.Content("~/Content/kendo.default.min.css")">
 <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
 <script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
 <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>

将对 Kendo.Mvc.UI 命名空间的引用添加到您的 web.config。然后 Kendo HtmlHelper 扩展将在您的视图中可用。将命名空间添加到 web.config 后重建项目（Visual Studio 需要为 Kendo.Mvc.UI 显示智能感知）。

<system.web.webPages.razor>
     <pages pageBaseType="System.Web.Mvc.WebViewPage">
         <namespaces>
             <add namespace="System.Web.Mvc" />
             <add namespace="System.Web.Mvc.Ajax" />
             <add namespace="System.Web.Mvc.Html" />
             <add namespace="System.Web.Routing" />
             <add namespace="Kendo.Mvc.UI" />
         </namespaces>
     </pages>
 </system.web.webPages.razor>

使用任何 Kendo UI HtmlHelper 扩展

@(Html.Kendo().DatePicker().Name("Birthday"))

更多详情http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction