Telerik Extensions for ASP.NET MVC 中文教程(2) - 在項目中引用Telerik MVC Extensions

上一篇文章對Telerik MVC Extensions作了一個大概的介紹，這篇文章將介紹如何將Telerik MVC Extensions添加到項目中。有以下兩種方式可以將Telerik MVC Extensions添加到項目中，請任選其一，

• 通過nuget添加Telerik MVC Extensions
• 通過Telerik MVC VSExtensions添加Telerik MVC Extensions

 

以下vs2010為例，演示如果添加Telerik MVC Extensions

 

一、通過nuget添加Telerik MVC Extensions

1. 安裝Nuget  

2. 新mvc3 項目，並在Nuget中添加Telerik MVC Extensions

3. 修改web.config

在views文件夾中的web.config中添加

<add namespace="Telerik.Web.Mvc.UI" />

4. 修改_Layout.cshtml

a. 在頁頭注冊css

@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.black.css").Combined(true).Compress(true)))

b. 在頁尾注冊js

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))

5.  安裝完畢，並驗證Telerik MVC Extensions是否已經安裝成功

a. 在首頁添加如下代碼：

@(Html.Telerik().Menu()
      .Name("TelerikMenu")
      .Items(items =>
      {
            items.Add().Text("Awesome")
                 .Items(subItems =>
                 {
                     subItems.Add().Text("Awesome Sauce");
                 });
      })
)

b. 運行程序

如果運行結果如下，則安裝成功

 

二、通過Telerik MVC VSExtensions添加Telerik MVC Extensions

1. 在Vs插件管理器中安裝Telerik MVC VSExtensions

2. 創建Telerik Mvc 3 Application

3. 安裝完畢，並驗證Telerik MVC Extensions是否已經安裝成功

a. 在首頁添加如下代碼：

@(Html.Telerik().Menu()
      .Name("TelerikMenu")
      .Items(items =>
      {
            items.Add().Text("Awesome")
                 .Items(subItems =>
                 {
                     subItems.Add().Text("Awesome Sauce");
                 });
      })
)

b. 運行程序

如果運行結果如下，則安裝成功

 

注：安裝Telerik MVC VSExtensions后，也可通過此工具將標准的mvc項目轉換成Telerik MVC項目