如何将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>

在Web.config中添加对Kendo.Mvc.UI命名空间的引用.然后Kendo HtmlHelper扩展将在您的视图中可用.将命名空间添加到web.config后,重建项目(Visual Studio需要显示Kendo.Mvc.UI的intellisense).

<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.c​​om/getting-started/using-kendo-with/aspnet-mvc/introduction