Telerik Extensions for ASP.NET MVC 中文教程(2)
2013-04-04 21:37
495 查看
上一篇文章对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. 在首页添加如下代码:
如果运行结果如下,则安装成功
二、通过Telerik MVC VSExtensions添加Telerik MVC Extensions
1. 在Vs插件管理器中安装Telerik MVC VSExtensions
2. 创建Telerik Mvc 3 Application
3. 安装完毕,并验证Telerik MVC Extensions是否已经安装成功
a. 在首页添加如下代码:
如果运行结果如下,则安装成功
注:安装Telerik MVC VSExtensions后,也可通过此工具将标准的mvc项目转换成Telerik MVC项目
通过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. 在首页添加如下代码:
1: @(Html.Telerik().Menu()
2: .Name("TelerikMenu")
3: .Items(items =>
4: {
5: items.Add().Text("Awesome")
6: .Items(subItems =>
7: {
8: subItems.Add().Text("Awesome Sauce");
9: });
10: })
11: )b. 运行程序
如果运行结果如下,则安装成功
二、通过Telerik MVC VSExtensions添加Telerik MVC Extensions
1. 在Vs插件管理器中安装Telerik MVC VSExtensions
2. 创建Telerik Mvc 3 Application
3. 安装完毕,并验证Telerik MVC Extensions是否已经安装成功
a. 在首页添加如下代码:
1: @(Html.Telerik().Menu()
2: .Name("TelerikMenu")
3: .Items(items =>
4: {
5: items.Add().Text("Awesome")
6: .Items(subItems =>
7: {
8: subItems.Add().Text("Awesome Sauce");
9: });
10: })
11: )b. 运行程序
如果运行结果如下,则安装成功
注:安装Telerik MVC VSExtensions后,也可通过此工具将标准的mvc项目转换成Telerik MVC项目
相关文章推荐
- Telerik Extensions for ASP.NET MVC 中文教程(1) - 开篇
- Telerik Extensions for ASP.NET MVC 中文教程(2) - 在项目中引用Telerik MVC Extensions
- Telerik Extensions for ASP.NET MVC 中文教程(1)
- [1]Telerik Extensions for ASP.NET MVC 中文教程(转)
- [2]Telerik Extensions for ASP.NET MVC 中文教程(2)
- [5]Telerik Extensions for ASP.NET MVC 开发问题
- 难得的中文ASP.NET 5/MVC 6入门教程
- 【Telerik UI for ASP.NET教程】如何在WPF应用程序中获得流畅的设计主题
- 【Telerik UI for ASP.NET AJAX教程】C#中的函数编程
- Asp.net MVC @Html.DisplayNameFor中文乱码解决办法
- ASP.NET MVC案例教程(二)
- ASP.NET MVC- Model- An Introduction to Entity Framework for Absolute Beginners
- ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第七篇:闲话ASP.NET MVC
- ASP.NET MVC 重点教程一周年版 第九回 HtmlHelper
- 微软ASP.NET官方网站MVC教程实际操作中的部分问题
- ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第二篇:第一个页面
- 【译】ASP.NET MVC 5 教程 - 5:使用 SQL 服务器 LocalDB 创建连接字符串
- ASP.NET MVC 教程汇总
- 【jqGrid for ASP.NET MVC Documentation】.学习笔记.2.jqGrid Model-View-Controller 分离
- 【jqGrid for ASP.NET MVC Documentation】.学习笔记.6.分层