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

如何在asp.net中显示链接按钮组中的选定链接按钮?

在ASP.NET中显示链接按钮组中的选定链接按钮,可以使用以下步骤:

  1. 在ASP.NET页面中,创建一个链接按钮组,例如:
代码语言:txt
复制
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton 1</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton2_Click">LinkButton 2</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" OnClick="LinkButton3_Click">LinkButton 3</asp:LinkButton>
  1. 在后端代码中,为每个链接按钮添加一个Click事件处理程序,例如:
代码语言:txt
复制
protected void LinkButton1_Click(object sender, EventArgs e)
{
    // 处理链接按钮1的点击事件
}

protected void LinkButton2_Click(object sender, EventArgs e)
{
    // 处理链接按钮2的点击事件
}

protected void LinkButton3_Click(object sender, EventArgs e)
{
    // 处理链接按钮3的点击事件
}
  1. 在Click事件处理程序中,设置选定的链接按钮的样式,例如:
代码语言:txt
复制
protected void LinkButton1_Click(object sender, EventArgs e)
{
    // 设置链接按钮1的样式为选定
    LinkButton1.CssClass = "selected";

    // 设置其他链接按钮的样式为未选定
    LinkButton2.CssClass = "";
    LinkButton3.CssClass = "";
}

protected void LinkButton2_Click(object sender, EventArgs e)
{
    // 设置链接按钮2的样式为选定
    LinkButton2.CssClass = "selected";

    // 设置其他链接按钮的样式为未选定
    LinkButton1.CssClass = "";
    LinkButton3.CssClass = "";
}

protected void LinkButton3_Click(object sender, EventArgs e)
{
    // 设置链接按钮3的样式为选定
    LinkButton3.CssClass = "selected";

    // 设置其他链接按钮的样式为未选定
    LinkButton1.CssClass = "";
    LinkButton2.CssClass = "";
}
  1. 在ASP.NET页面中,定义选定和未选定的样式,例如:
代码语言:<style>
复制
    .selected {
        background-color: #007bff;
        color: #fff;
    }
</style>

这样,当用户点击某个链接按钮时,该链接按钮将被选定,其他链接按钮将取消选定。

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

相关·内容

  • DevExpress控件gridcontrol表格控件,如何在属性设置某一列显示为图片(图片按钮

    DevExpress控件gridcontrol表格控件,如何在属性设置某一列显示为图片(图片按钮)?效果如下图: ? 通过属性设置,而不用写代码。...由于此控件属性太多了,就连设置背景图片属性都有好几个地方可以设置。本人最近要移植别人开发项目,找了好久才发现这个属性位置。之前一直达不到这种效果。...ColumnEdit,把ColumnEditButtons展开,将其Kind属性设置为Glyph; 找到其中Buttons,展开,找到其中0-Glyph,展开,找到其中ImageOptions...,找到Image属性,即可设置图片,添加一个图片后,运行显示即可达到目的。...注:本人用控件是17.2.7版本,其他版本不知道是否一样,仅作参考。

    6K50

    【HTML】HTML 注册表单案例 ② ( 表格内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )

    文章目录 一、表格内容设置 1、设置下拉列表 2、设置输入文本框 3、设置复选框 4、设置文本域 5、设置图片按钮 6、设置链接 二、完整代码示例 一、表格内容设置 ---- 1、设置下拉列表...td 标签 , 设置 文本域 ; 文本域标签为 textarea 标签 , 使用 cols 属性设置每行字符个数 , 使用 rows 设置行数 ; 代码示例 : <!...在表格 td 单元格 , 设置 input 表单 , type 类型设置为 image 类型 , src 设置图片 相对路径 ; 要将 图片按钮与 第二列 进行对齐 , 在该行表格 , 第一个单元格...需要空出来 , 只在第二个单元格设置图片按钮 ; 代码示例 : <!...在表格 td 单元格 , 通过 a 标签 设置 链接 , 链接目的地在 href 属性值设置 ; 要将 链接与 第二列 进行对齐 , 在该行表格 , 第一个单元格 需要空出来 , 只在第二个单元格设置链接

    6.1K20

    asp.net webformsubmit按钮使用不当很容易犯一个错误

    webform默认一个页面只能有一个form,有时submit按钮使用不当会产生一些奇怪问题。...但是如果遇到下面的情况,且二部分功能是不同程序员来写时,就可能出问题: 另一个前端开发人员把“登录模块”加进来以后(注:“登录”按钮是服务端Button控件,即最终在html也是submit按钮...,单独点击“登录”按钮时,一切正常),但是在一个form,在任何一个文本框上按下回车键时,相当于默认点击了第一个submit按钮(即提交表单),这样在登录过程,当用户输入完邮箱、密码、验证码,按下回车键时候...,实际上会触发“搜索”按钮click行为,而搜索按钮在上面的处理,调用是doSearch()方法,最终页面会引导到搜索页上,并未按原来意图提交,导致登录不了。...“各自单独模块”独立测试时都是正常,但是整合在一起就容易出问题了,所以说这种错误容易犯,我建议是对于webform开发,不是必须要submit场景,尽量避免用submit按钮

    1.3K50

    免费资源 | ActiveReports 报表控件发布多平台 Demo 代码集合

    近期,ActiveReports 产品开发小伙伴针对大家比较关注报表功能、常见问题、经典实现,特意准备了一个Demo代码集合,涉及WinFormss \ ASP.NET \ MVC 多个技术平台,...例:WinForms 下ActiveReports静默打印实现 ASP.NET 下使用WebViewer & HTMLViewer 加载显示报表 使用HTMLViewer:Asp.net 框架下,使用...定义HTMLViewer 参数面板隐藏:Asp.net 框架下,使用HTMLViewer加载报表,然后自定义工具栏按钮显示和隐蔽。...在HTML5 Viewer添加放大和缩小功能:使用Html5Viewer加载报表,通过添加放大和缩小按钮,进行报表缩放功能。...例图:ASP.NET 平台下 ActiveReports 利用 WebViewer 加载显示图片 ASP.NET VMC 下使用HTML5Viewer 加载显示报表 HTML5Viewer 桌面模式展示报表

    2.4K40

    七天学会ASP.NET MVC (四)——用户授权认证问题

    小编应各位要求,快马加鞭,马不停蹄终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天学习,我们主要了学习如何在MVC如何实现认证授权等问题,本节主要讲了验证错误时错误值,客户端验证...设置名字为空 输入工资值 56 点击“Save Employee”按钮。 会出现验证失败,但是数字 56 仍然显示在 Salary 文本框。 ? 测试2 ?...之前实验9讨论,当点击提交按钮时,是给服务器发送请求,验证失败时对服务器请求没有意义。通过添加”return false“代码,可以取消默认服务器请求。...在本系列第一讲,我们了解了Asp.Net和MVC意义,知道MVC是Asp.net一部分,MVC继承了ASP.NET所有特征,包含表单认证。 先来了解ASP.NET是如何进行Form认证。...实验18——在View显示UserName 在本实验,我们会在View显示已登录用户名 1.

    8.7K50

    按钮与交互-使用按钮触发操作

    在本节,我们将介绍一个重要且简单元素,即按钮。这个小元素可以改变整个UX。我们将使用该按钮来缩放我们3D模型。此外,我们将尝试更改手机壁纸。...在设置页面,将显示名称更改为角度AR或所需名称。在资产目录,将应用程序图标从assets文件夹拖放到选定插槽。 主要故事板 我们在屏幕上放置一些按钮。...确保约束视图每一侧而不是安全区域。取消选中Constrain到边距。在布局,将ARSCNView放在View下方,否则按钮将不会显示。 ?...在swift文件,您将看到一个与之前ARSCNView链接IBOutlet。由于我们删除了那个,将新ARSCNView链接到该Outlet。...diffuse.contents = UIImage(named: "art.scnassets/AR-Screen.png") } 结论 在本节,我们学习了如何在Storyboard中放置按钮并约束它们

    4.6K20

    何在Debian 9上安装Webmin

    查找System hostname字段,然后单击右侧链接,如下图所示: 这将带您进主机名和DNS客户端页面。找到“ 主机名”字段,然后在字段输入完全限定域名。...管理用户和 我们将探讨如何管理服务器上用户和。 首先,单击“ 系统”选项卡,然后单击“ 用户和按钮。然后,从此处,您可以添加用户,管理用户或添加或管理。...这将显示“ 创建用户”屏幕,您可以在其中提供用户名,密码,和其他选项。按照以下说明创建用户: 用deploy填写用户名。 选择自动为用户ID。...对于Secondary Group,从All groups列表中选择sudo,然后按- >按钮添加到内列表。 按“ 创建”以创建此新用户。...要更新所有软件包,首先,转到“ 仪表板”链接,然后找到“ 软件包更新”字段。如果有可用更新,您将看到一个链接,指出可用更新数量,如下图所示: 单击此链接,然后按更新选定包以开始更新。

    2.5K31

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

    因为您还没有添加任何内容,所以结果是一个空电影列表。 ? 创建电影 点击Create New链接。输入有关电影一些详细信息,然后单击Create按钮。 ?...在接下来教程,我将展示如何做到这一点。现在,只需输入整数,10。...请注意这些代码是如何在Index操作方法,创建List对象,并调用View方法。...在App_Data文件夹找一下,您可以验证它已经被创建了。如果您看不到Movies.mdf文件,请在解决方案资源管理器工具栏上,单击显示所有文件按钮,单击刷新按钮,然后展开App_Data文件夹。...现在,您可以在这个简单列表页面里:显示、编辑、更新、删除数据库里数据了。在下一次教程,我们会继续看看scaffolded自动生成其它代码。

    5.9K50

    Asp.Net MVC4入门指南(8):给数据模型添加校验器

    您可以在一个地方 (模型类) 以声明方式指定验证规则,这个规则会在应用程序任何地方执行。 让我们看看您如何在本电影应用程序,使用此验证支持。...单击Create New链接,来添加一部新电影。在窗体填写一些无效值,然后单击Create按钮。 ?...下图显示了如何禁用 Internet Explorer JavaScript。 ? ? 下图显示了如何在火狐浏览器禁用 JavaScript。 ?...下图显示了如何在 Chrome 浏览器禁用 JavaScript。 ? 下面是框架代码在之前教程中生成Create.cshtml视图模板。...(DataType.PhoneNumber)] [DataType(DataType.Url)] 上面列出属性只提供视图引擎来显示数据格式(: 为 URL ,< href="mailto:

    4.6K100

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

    表单输入和提交场景 为示范如何在ASP.NET MVC框架处理表单输入和提交场景一些基本原则,我们将建造一个简单产品列表,产品生成,和产品编辑场景。...上面的视图在页面上方显示了分类名称,然后显示了分类内所有产品项目列表。 在项目列表每个产品旁边,有个 "Edit" 链接。...我们是用在第二部分讨论过Html.ActionLink辅助方法来显示这些HTML超链接(譬如,Edit),在"Edit"链接被点击后,...注意Html.Select辅助方法有个重载版本,允许你指定下拉框选定值是什么。在下面的代码片断,我表示我要Category下拉框根据编辑产品目前CategoryID值自动选择某一项: ?...我将讨论一些促进快速应用开发内置数据和安全支架(scaffolding)。我将讨论你如何在MVC框架中使用ASP.NET AJAX进行启用AJAX编辑。

    5.1K70
    领券