上一篇文章对Telerik MVC Extensions作了一个大概的介绍,这篇文章将介绍如何将Telerik MVC Extensions添加到项目中。有以下两种方式可以将Telerik MVC Extensions添加到项目中,请任选其一,

 

以下vs2010为例,演示如果添加Telerik MVC Extensions

 

一、通过nuget添加Telerik MVC Extensions

1. 安装Nuget  

2. 新mvc3 项目,并在Nuget中添加Telerik MVC Extensions

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

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

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

3. 修改web.config

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

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

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

4. 修改_Layout.cshtml

a. 在页头注册css

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

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

b. 在页尾注册js

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

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

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

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

   1: @(Html.Telerik().Menu()
)
   3:       .Items(items =>
   4:       {
)
   6:                  .Items(subItems =>
   7:                  {
);
   9:                  });    
  10:       })
  11: ) 

b. 运行程序

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

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

 

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

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

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

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

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

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

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

2. 创建Telerik Mvc 3 Application

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

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

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

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

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

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

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

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

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

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

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

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

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

   1: @(Html.Telerik().Menu()
)
   3:       .Items(items =>
   4:       {
)
   6:                  .Items(subItems =>
   7:                  {
);
   9:                  });    
  10:       })
  11: ) 

b. 运行程序

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

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

 

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

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

相关文章:

猜你喜欢
相关资源
相似解决方案