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

时间:2013-04-16 20:41:43

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

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

我可以在项目中添加哪些参考才能使用它们?

1 个答案:

答案 0 :(得分:7)

配置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.com/getting-started/using-kendo-with/aspnet-mvc/introduction

的详细信息