[2]Telerik Extensions for ASP.NET MVC 中文教程(2)

上一篇文章对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

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项目

时间: 2024-10-14 08:17:08

[2]Telerik Extensions for ASP.NET MVC 中文教程(2)的相关文章

Telerik Extensions for ASP.NET MVC 中的模型问题

问题描述 新学ASP.net,用了TelerikExtensionsforASP.NETMVC这个控件,碰到个问题:TelerikExtensionsforASP.NETMVC里有个表格控件点击Edit后,他自动会产生这样一个界面,这个界面里的控件我是不用写代码的,他的类型是从数据模型里直接自动取过来的(这个好像是ASP.net自带的功能而不是控件的特殊功能),数据模型附后,问题是现在字符的类型可以通过[DataType(DataType.Currency)]来设定是字符还是数字还是bool的,

[5]Telerik Extensions for ASP.NET MVC 开发问题

1.Controller获取不到checkedNodes的问题 HTML @(Html.Telerik().TreeView()        .Name("TreeView")        .ShowCheckBox(true)Controller [AcceptVerbs(HttpVerbs.Post)] public ActionResult CheckBoxSupport(List<TreeViewItem> TreeView_checkedNodes)//命名规

ASP.NET MVC案例教程(基于ASP.NET MVC beta)—第七篇:闲话ASP.NET MVC

摘要 本文作为<ASP.NET MVC案例教程>的完结篇,仅从个人角度,发表一些对ASP.NET MVC框架的看法.并且在最后会附上本系列文章的Demo下 载. 前言 写这篇文章的目的,是想总结一些东西,以帮助朋友们更好的使用这个框架.但是,我又不像把官方列举的哪些优势.功能翻译过来列举在 这里.所以,我想干脆我就纯从个人观点上对这个框架评论一下吧.说的不好的,不对的还请批评指正.^_^ ASP.NET MVC--螺旋进步的产物 对于微软为什么要推出ASP.NET MVC,我们是无从得知的,也

【译】ASP.NET MVC 5 教程 - 10:添加验证

原文:[译]ASP.NET MVC 5 教程 - 10:添加验证 在本节中,我们将为Movie模型添加验证逻辑,并确认验证规则在用户试图使用程序创建和编辑电影时有效. DRY 原则 ASP.NET MVC 的一个核心原则是DRY(Don't Repeat Yourself - 不做重复的事情).ASP.NET MVC 鼓励你一次性的指定功能或行为,然后应用程序的其它地方通过映射得到它,这样一来就减少了大量的代码,从而减少了出错误的可能性,并且更易于维护. ASP.NET  MVC  和 Enti

mvc-谁能提供一个学习asp.net MVC的教程

问题描述 谁能提供一个学习asp.net MVC的教程 提供一个学习asp.net MVC的教程,要自己亲自看过,感觉不错的

【译】ASP.NET MVC 5 教程 - 11:Details 和 Delete 方法详解

原文:[译]ASP.NET MVC 5 教程 - 11:Details 和 Delete 方法详解 在教程的这一部分,我们将研究一下自动生成的 Details 和Delete 方法. Details 方法 打开Movie控制器,找到Details方法. // // GET: /Movies/Details/5 public ActionResult Details(Int32 id) { Movie movie = db.Movies.Find(id); if (movie == null) {

【译】ASP.NET MVC 5 教程 - 6:通过控制器访问模型的数据

原文:[译]ASP.NET MVC 5 教程 - 6:通过控制器访问模型的数据 在本节中,你将新建一个MoviesController 类,并编写获取电影数据的代码,使用视图模板将数据展示在浏览器中. 在进行下一步之前,你需要先编译应用程序,否则在添加控制器的时候会出错. 在解决方法资源管理器的Controllers文件夹右键,选择"添加">"支架": 在"添加支架"对话框,选择 MVC 5 Controller with read/wri

【译】ASP.NET MVC 5 教程 - 3:添加视图

原文:[译]ASP.NET MVC 5 教程 - 3:添加视图 在本节内容中,我们将修改HelloWorldController类,使用视图模板来干净利索的封装生成HTML响应客户端的过程. 您将创建一个使用Razor 视图引擎的视图模板文件..cshtml扩展名的文件都是基于 razor 视图模板文件,Razor 视图引擎将编写视图模板所需的代码降至最低. 目前的 Index 方法返回一条消息,是在控制器类中直接写入的字符串.更改 Index 方法使其返回一个View对象,如以下代码所示: 1

【译】ASP.NET MVC 5 教程 - 8:搜索查询

原文:[译]ASP.NET MVC 5 教程 - 8:搜索查询 添加一个搜索的方法和搜索的视图 在本节中,我们为 Index 方法添加查询功能,使我们能够根据电影的题材或名称进行查找. 修改 Index 表单 首先,我们需要更新 MoviesController 的 Index 方法,代码如下: public ActionResult Index(string searchString) { var movies = from m in db.Movies select m; if (!Stri