首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在asp.net c#中突出显示当前所选的ActionLink

在ASP.NET C#中突出显示当前所选的ActionLink可以通过以下步骤实现:

  1. 首先,使用ASP.NET MVC框架创建一个ActionLink。例如:
代码语言:txt
复制
@Html.ActionLink("Home", "Index", "Home")
  1. 在CSS文件中定义一个用于突出显示的样式类。例如:
代码语言:txt
复制
.selected {
   font-weight: bold;
   color: red;
}
  1. 在布局视图文件或页面文件中,使用Razor语法判断当前页面是否为所选页面,如果是,则为该ActionLink添加突出显示样式类。例如:
代码语言:txt
复制
@{
    var currentController = ViewContext.RouteData.Values["controller"] as string;
    var currentAction = ViewContext.RouteData.Values["action"] as string;
}

@Html.ActionLink("Home", "Index", "Home", null, new { @class = currentController == "Home" && currentAction == "Index" ? "selected" : "" })

在上述代码中,使用ViewContext.RouteData.Values获取当前页面的控制器和操作名称。然后,使用条件判断语句为当前选中的ActionLink添加selected样式类。

通过以上步骤,就可以实现在ASP.NET C#中突出显示当前所选的ActionLink。该方法适用于ASP.NET MVC框架,并且可以根据需要在不同的页面和控制器中使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HtmlHelper(辅助产生HTML之用)

弱类型: 1.使用HTML辅助方法输出超链接 (1)在View中输出ASP.NET MVC的超链接通常会用Html.ActionLink辅助方法,该方法用于产生文字链接,其文字部分会自动进行HTML编码...(HtmlEncode) 语法范例 说明 @Html.ActionLink("链接文字","ActionName") 这是最基本的用法,要跳转的控制器为本视图所在的控制器。...请注意:由于HTML标签里在套用CSS样式类型时会用到class属性名称,而在C#里class属于关键字,所以必须使用@class的方式,才能确保C#正确编译。...()时,第一个参数为超链接的显示文字,此参数不可以输入空字符串、空白字符串或null值,否则会跑出The Value cannot be null or empty的异常。  ...ASP.NET MVC还有另一个Html.RouteLink辅助方法,其用法与Html.ActionLink非常相似,差别仅在于输入的参数要以RouteValue为主。

1.1K30

Asp.net mvc 知多少(三)

由于个人技术水平和英文水平也是有限的,因此错误在所难免,希望大家多多留言指正。 本节主要讲解视图引擎及HtmlHelper的使用 Q24. ASP.NET MVC中主要的命名空间有哪些? Ans....View class - 实现自IView 接口;职责是从当前的上下文去合并数据与模板并转换为输出的Html标记。...@Html.ActionLink("SignUp", "SignUp") Q28. 如何自定义视图引擎? Ans. ASP.NET MVC 是一个开源并且高度可扩展的框架。...ASP.NET MVC提供了基于jquery的非侵入ajax。非侵入式ajax意味着通过使用帮助类方法去定义ajax功能而不是通过在view中添加js代码块。 Q38....默认来说,浏览器只允许ajax调用你自己服务器上托管的当前web应用的站点。这个限制帮助组长了许多安全问题(比如XSS攻击)。

2.3K60
  • ASP.NET MVC学习笔记03视图

    Razor视图模板文件使用.cshtml文件扩展名,并提供了一个优 雅的方式来使用C#语言创建所要输出的HTML。...下图显示了在视图文件中硬编码的字符串 “Hello from our View Template!“ 修改布局页 首先,想要修改在页面顶部的链接 “Application name“。...所创建的所有视图页面都被”包装” 在布局页面中 来显示,RenderBody只是个占位符。...修改视图 通过修改布局模板上的站点标题后缀,ActionLink中的文本内容,修改了站点标题,站点名称,以及版权说明中的通用部分,并适配到了所有的页面。...上图中所做的修改,如给ViewBag.Title 变量的值都会传递到如图3.5所示的页面布局中,从而替换掉其中的变量实现页面内容的加载。

    2.1K30

    ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

    MapRoute方法也被用于通过HtmlHelpers如ActionLink的控制器,操作方法及任何路由数据,以生成URL。...他们得到一个电影对象(或对象列表中,如本案例的Index),并把模型数据传递给视图。Create方法传递一个空的影片对象给Create视图。...作为一个临时解决办法,如果您不能验证当前的区域设置,可以强制你的计算机使用US English,或者你可以在浏览器中禁用JavaScript。...在Search示例中,Index.cshtml视图中执行查询。有关延迟的查询执行的详细信息,请参阅Query Execution. 注:Contains 方法是运行在的数据库,而不是C#代码上面。...追加一个查询字符串,URL如 ?searchString=ghost。筛选的影片会被显示。 ? 如果你改变了Index方法签名参数名为id的,这个id参数将匹配{ id }的占位符。

    6.7K110

    ASP.NET MVC路由扩展:链接和URL的生成

    为了编程的方面,ASP.NET MVC为了设计了HtmlHelper和UrlHelper这两个帮助类,我们可以通过调用它们的ActionLink/RouteLink和Action/RouteUrl根据注册的路有规则生成链接或者...如果我们没有显示地指定Controller的名称(controllerName参数),那么当前Controller的名称被采用。...RouteData的Values属性中必须包含一个Key为“controller”的元素,其值就代表当前Controller的名称。...我们将RouteHelper定义在创建的一个ASP.NET Web应用中,如下面的代码片断所示,RouteHelper具有RequestContext和RouteCollection两个属性,前者在构造函数中指定...方法来说,它还是利用整个路由表进行URL的生成,如果显示指定了路由对象的注册名称,那么就会从路由表中获取相应的路由对象,如果该路由对象与指定的变量列表不匹配,则返回Null;否则返回生成的URL。

    1.7K70

    ASP.NET MVC 重点教程一周年版 第九回 HtmlHelper

    规则为默认规则的情况下,它生成的HTML代码为 1: 这是一个连接 ActionLink中的三个参数分别为 显示的文字 Action Controller 其中Controller...1.2ActionLink中QueryString与Html属性设置 1: 带有QueryString的写法 2: ActionLink("这是一个连接", "Index", "Home...","Home")%>" method="post"> 2: 但是因为是在HTML的属性中,所以还是难以维护,幸好ASP.NET MVC为我们提供了一个Helper,我们可以通过以下两种方式生成一个...3.2表单元素 ASP.NET MVC提供了多种表单元素的Helper。...: 1: 这样就可以自动绑定了 3.4列表数据显示与绑定 像TextBox这种值单一的数据比较容易,但是存在的数据比较多的DropDownList或ListBox

    85710

    ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

    表单输入和提交场景 为示范如何在ASP.NET MVC框架中处理表单输入和提交场景的一些基本原则,我们将建造一个简单的产品列表,产品生成,和产品编辑场景。...我们是用在第二部分中讨论过的Html.ActionLink辅助方法来显示这些HTML超链接(譬如,Edit)的,在"Edit"链接被点击后,...HtmlHelper对象(以及我们将在以后的教程里讨论的AjaxHelper对象)是特地设计可以通过使用"扩展方法"(VS 2008中VB和C#的一个新语言特性)来轻松地扩展的。...在第一个预览版中,只有"ActionLink"方法是内置于System.Web.Extensions(目前实现核心ASP.NET MVC框架的程序集)中的。...我将讨论一些促进快速应用开发的内置的数据和安全支架(scaffolding)。我将讨论你如何在MVC框架中使用ASP.NET AJAX进行启用AJAX的编辑。

    5.1K70

    ASP.NET MVC 5 -从控制器访问数据模型

    在接下来的教程中,我将展示如何做到这一点。现在,只需输入整数,如10。...请注意这些代码是如何在Index操作方法中,创建List对象,并调用View方法的。...在App_Data文件夹中找一下,您可以验证它已经被创建了。如果您看不到Movies.mdf文件,请在解决方案资源管理器工具栏上,单击显示所有文件按钮,单击刷新按钮,然后展开App_Data文件夹。...在Movies表上单击鼠标右键,并请选择显示表数据(Show Table Data)看您所创建的数据。 ? ?...现在,您可以在这个简单列表页面里:显示、编辑、更新、删除数据库里的数据了。在下一次的教程中,我们会继续看看scaffolded自动生成的其它代码。

    5.9K50

    ASP.NET MVC HtmlHelper类

    ASP.NET MVC之 HtmlHelper 在ASP.NET MVC项目的开发中,一般会默认使用Razor视图来进行View层的编写,从而实现高效率的C#/HTML代码的混写。...如图会自动对ViewBag的键值进行匹配并生成对应的HTML代码。然而在实际的编写中这样仍旧不太方便,于是这里便可以用到VS为我们默认集成好的HtmlHelper。...链接 @Html.ActionLink() 生成超链接,并自动根据路由进行匹配。 Eg: @Html.ActionLink("超链接eg", "About","Hello") ?...自动匹配了超链接的标题,若不指定,则按照当前默认路由规则生成链接,避免了当路由规则发生变化后,需要对超链接进行重复修改。 常量或静态内容 @Html.Raw() 输出打印常量或者静态内容。 ?...这是因为如果不改命名空间,我们要使用自定义的扩展方法需要在每个页面中引入Models(MyHtmlHelper所在的那个命名空间)这个命名空间,为了防止重复的命名空间引入操作(想想我们使用Html.TextBox

    1.8K30

    精通MVC3摘译(2)-生成URL

    ActionLink方法生成HTML基于当前的路由模式。...每一个路由都会被检查是否匹配,是否满足下面的3个条件: 1.URL模式中定义的片段变量的值都存在,路由系统首先会从匿名对象的属性值中查找值,然后再是当前请求的变量值,最后是路由中定义的默认值。...此链接会在view中显示,但是用户点击的时候没有任何反应 第一个满足标准路由会生成一个非空URL,然后会终结URL生成进程,参数值也会被赋值。...指向其他controller 默认的ActionLink方法将你的action方法指向的是和当前view相同的controller。...当我们在描述路由匹配生成URL的方法时,我们提到,在尝试查找每个路由URL模式中的片段时,路由系统会从当前的请求中查找值,这个行为让很多程序困惑。

    81810

    ASP.NET MVC5高级编程——(4)表单和HTML辅助方法

    带有连字符的C#属性名是无效的,但所有的HTML辅助方法在渲染HTML时会将属性名中的下划线转换为连字符。...SelectList构造函数的参数指定了原始集合(数据库中的Genres表)、作为后台值使用属性名称(Name)以及当前所选项的值(他决定将哪一项标记为选择项)。...3 当ModelState字典中的某一特定字段出现错误时,可以使用ValidationMessage辅助方法来显示相应的错误提示消息。...和Html.DropDownList(以及其他所有表单辅助方法)检查ViewData对象以获得要显示的当前值(在ViewBag对象中的所有值也可以通过ViewData得到)。...当链接的操作所在控制器与用来渲染当前视图的控制器一样时,只需要指定操作的名称: 1 @Html.ActionLink("Link Text", "AnotherAction") 这里假设采用默认路由,那么执行这段代码将生成如下所示的

    3K30

    【ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

    Razor语法 在ASP.NET Core中,主要使用Razor作为默认的视图引擎。Razor语法是一种简洁且强大的语法,它允许在HTML中嵌入C#代码,使得在视图中能够方便地处理数据和逻辑。...以下是Razor语法的一些基本特征: 代码块: 使用 @ 符号表示C#代码块,可以在HTML中嵌入C#逻辑。...控制流语句 在Razor中,你可以使用C#的控制流语句,如条件语句 (if, else if, else) 和循环语句 (for, foreach, while),以便在视图中根据不同的条件生成不同的...以下是一些常用的HTML辅助方法: Html.ActionLink ActionLink 用于生成超链接,链接到指定的Controller和Action。...@Html.ActionLink("Click me", "About", "Home") Html.DisplayNameFor 和 Html.DisplayFor 这对方法用于显示模型的属性名和属性值

    54420

    Asp.Net MVC4入门指南(6):验证编辑方法和编辑视图

    ActionLink是一个帮助方法,便于动态生成指向Controller中操作方法的HTML 超链接链接。...数据保存之后,代码会把用户重定向到MoviesController类的Index操作方法,页面将显示电影列表,同时包括刚刚所做的更新。 如果form发送的值不是有效的值,它们将重新显示在form中。...Edit.cshtml视图模板中的Html.ValidationMessageFor Helper将用来显示相应的错误消息。...该请求将显示一个 HTML 表单,其中包含输入的元素,用户可以输入一部要搜索的电影。当用户提交窗体时,操作方法将获取用户输入的搜索条件并在数据库中搜索。...追加查询字符串到URL如?searchString=ghost。显示已筛选的电影。

    4.3K100

    ASP.NET MVC使用Bootstrap系列(3)——使用Bootstrap 组件

    在这篇博客中,我将继续探索Bootstrap丰富的组件以及将它结合到ASP.NET MVC项目中。...(使用.navbar-collapse类在低分辨率设备中折叠),其中局部视图逻辑是基于当前访问的用户是否登陆来控制是否显示。...所以上述代码中,增加了一个Id为fromcontroller隐藏字段,代表当前访问的Controller。 当点击搜索时,发送HTTP POST请求到Index Action下。...代码中,通过指定有序列表()的class为breadcrumb,每一个子路径用来表示,其中通过设置的class为active代表当前所处的位置。...这样当点击ID为start的按钮时动态为进度条更新了0-100的数值。 小结 在这篇博客中,探索了Bootstrap中丰富的组件,并将它结合到ASP.NET MVC项目中。

    6.5K100

    Flutter 旋转轮

    它显示了如何在flutter应用程序中使用「flutter_spinwheel」软件包运行「旋转轮」,并显示了当您点击该项目时,旋转器将移动。同样,您将沿顺时针/逆时针的任何方向移动微调器。...它将在您的设备上显示所选的文本。...**onChanged:**此 属性用于在每次更改选择时从微调器菜单返回所选值的回调。 「select」:此 属性用于选择(突出显示)圆的扇区。范围是0(项目大小)。想象它就像一个数组。...每个人将获得一个相等分开的圈子部分;select表示圆的选择**(突出显示)「扇区的位置,「autoPlay」表示设置为true进行自动播放,「hideOthers」表示确定是否应绘制快门以隐藏除选定」...当我们运行应用程序时,我们应该获得屏幕的输出,如屏幕下方的截图所示。

    8.9K20

    ASP.NET MVC 5 - 给数据模型添加校验器

    您可以在一个地方 (模型类) 中以声明的方式指定验证规则,这个规则会在应用程序中的任何地方执行。 让我们看看您如何在本电影应用程序中,使用此验证支持。...请注意,表单在每一个相应的验证错误消息旁边,已经自动使用红色边框的颜色突出显示文本框指明无效数据。...下图显示了如何禁用 Internet Explorer 中的 JavaScript。 ? ? 下图显示了如何在火狐浏览器中禁用 JavaScript。 ?...下图显示了如何在 Chrome 浏览器中禁用 JavaScript。 ? 下面是框架代码在之前的教程中生成的Create.cshtml视图模板。...欲了解更多信息,请参阅see Brad  Wilson's的ASP.NET MVC 2 Templates。 (虽然写的MVC2,本文仍然适用于ASP.NET MVC 5的当前版本。)

    9.1K70
    领券