【转】细说@Html.ActionLink()的用法

一、@Html.ActionLink()概述

　　在MVC的Rasor视图引擎中，微软采用一种全新的方式来表示从前的超链接方式，它代替了从前的繁杂的超链接标签，让代码看起来更加简洁。通过浏览器依然会解析成传统的a标签。除此之外，还允许我们添加Html属性。下面来看看@Html.ActionLink()的使用方法吧。

二、@Html.ActionLink()的使用详解

　　1.　@Html.ActionLink("linkText", "actionName")

　　这种重载的第一个参数是该链接要显示的文字，第二个参数是对应的控制器的方法（Action）,默认控制器为当前页面对应的控制器。

　　例如，当前页面的控制器为ProductsController：@Html.ActionLink("detial", "Detial")会生成<a href="/Products/Detail">detail</a>

　　2.　@Html.ActionLink("linkText", "actionName", "controllerName")

　　该重载比第一个重载多了一个参数，他指定了控制器的名称。

　　例如，@Html.ActionLink("detail", "Detail", "Products")会生成<a href="Products/Detail">detail</a>

　　3.　@Html.ActionLink("linkText", "actionName", routeValues)

　　相对于上一种重载，该重载新增了routeValue参数，routeValue可以向action传递参数。

　　例如，@Html.ActionLink("detail", "Detail", new{ id = 1 })会生成<a href="Products/Detail/1">detail</a>

　　4.　@Html.ActionLink("linkText", "actionName", routeValues, htmlAttributes)

　　htmlAttribute可以设置<a>标签的属性。

　　例如，@Html.ActionLink("detail", "Detail", new{ id = 1 }, new{ target = "_blank" })会生成<a href="Products/Detail/1" target="_blank">detail</a>，需要注意的是如果写成new{ target="_blank", class="className" }则会报错，因为Class是C#的关键字，此时应该写成@class="className"。

　　5.　@Html.ActionLink("linkText", "actionName", "controllerName", routeValues, htmlAttributes)

　　该种重载汇聚了以上此种重载的所有参数，是功能最全的重载。

三、@Url.Action()，@Html.ActionLink()，Html.RenderAction()和@Html.Action()的区别

1.　返回值不同

@Html.Action()返回值为MvcHtmlString。Html.Action比较灵活，可以直接写在页面上，也可以把它赋值给某一变量，处理之后写在页面上。
Html.RenderAction()返回值为void。Html.RenderAction必须写在@{}内，直接由Response对象输出。例：@{ Html.RenderAction("Index", "Import");}
@Html.ActionLink()返回值也是MvcHtmlString。
@Url.Action()返回值为string。MvcHtmlString本质上也是string，两者都可以直接现在页面上。

2.　生成的东西不同

@Html.ActionLink("myLink", "CCC", "Import")生成<a href="/Import/CCC">myLink</a>
@Url.Action("CCC", "Import")直接生成字符串"/Import/CCC"，没有任何tag标签。

【转】细说@Html.ActionLink()的用法相关推荐

gets fgets 区别
http://www.cnblogs.com/aexin/p/3908003.html 1. gets与fgets gets函数原型:char*gets(char*buffer);//读取字符到数组: ...
Vue学习笔记(九) Vue CLI
1.简介 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,它包括三个独立的部分: CLI:一个全局安装的 npm 包,提供在终端里使用的命令 CLI 服务:一个局部安装在使用了 @v ...
多文件上传组件FineUploader使用心得
原文多文件上传组件FineUploader使用心得做Web开发的童鞋都知道,需要经常从客户端上传文件到服务端,当然,你可以使用<input type="file"/> ...
js 跳转到指定位置高德地图_JS控制div跳转到指定的位置的几种解决方案总结
总结一下自己在写这个需求遇到的问题,相信大家应该是经常遇到的.即要求滚轮滚动到指定的位置.先看下基本的解决方案. 1.给链接a加个#的方式来实现跳转.(锚点方法)这里直接贴下代码: div1 div2 ...
python之网络部分
1.C/S B/S架构 C: client端 B: browse 浏览器 S: server端 C/S架构: 基于客户端与服务端之间的通信 QQ, 游戏,皮皮虾, 快手,抖音. 优点: 个性化 ...
基于TCP和UDP的socket
为什么学习socket 你自己现在完全可以写一些小程序了,但是前面的学习和练习,我们写的代码都是在自己的电脑上运行的,虽然我们学过了模块引入,文件引入import等等,我可以在程序中获取到另一个文件的 ...
3.网络编程网络编程
一操作系统基础(需要改网址) 操作系统:(Operating System,简称OS)是管理和控制计算机硬件与软件资源的计算机程序,是直接运行在"裸机"上的最基本的系统软件,任何 ...
Html.ActionLink在Area中的用法
在 Area 内进行跳转: @Html.ActionLink("About", "About") 从 Area 一个区域跳转到另一个区域 @Html.Actio ...
vuex模块化怎么引用state_[Vuex系列] - 细说state的几种用法
state 存放的是一个对象,存放了全部的应用层级的状态,主要是存放我们日常使用的组件之间传递的变量. 我们今天重点讲解下state的几种用法,至于如何从头开始创建Vuex项目,请看我写的第一个文章. ...
细说 ASP.NET Cache 及其高级用法
阅读目录开始 Cache的基本用途 Cache的定义 Cache常见用法 Cache类的特点缓存项的过期时间缓存项的依赖关系 - 依赖其它缓存项缓存项的依赖关系 - 文件依赖缓存项的移除优先 ...

【转】细说@Html.ActionLink()的用法

【转】细说@Html.ActionLink()的用法相关推荐

最新文章

热门文章