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. 在首页添加如下代码：

[code] @(Html.Telerik().Menu()

.Name("TelerikMenu")

.Items(items =>

{

items.Add().Text("Awesome")

.Items(subItems =>

    {

subItems.Add().Text("Awesome Sauce");

});

})

)

[/code]

b. 运行程序

如果运行结果如下，则安装成功





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

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





















2. 创建Telerik Mvc 3 Application













































3. 安装完毕，并验证Telerik MVC Extensions是否已经安装成功

a. 在首页添加如下代码：

[code] @(Html.Telerik().Menu()

.Name("TelerikMenu")

.Items(items =>

{

items.Add().Text("Awesome")

.Items(subItems =>

    {

subItems.Add().Text("Awesome Sauce");

});

})

)

[/code]

b. 运行程序

如果运行结果如下，则安装成功





注：安装Telerik MVC VSExtensions后，也可通过此工具将标准的mvc项目转换成Telerik MVC项目