Question

我有一个aspx页面。它上面有一组链接按钮。

linkbutton1

linkbutton2

linkbutton3

linkbutton4

linkbutton5

如果我点击其中任何一个。它应该突出显示。

这些链接按钮在表格中。

感谢您的帮助。

Answer 1

如果您将CssClass添加到任何链接按钮，例如

<asp:LinkButton ID="LinkButton1" runat="server" CssClass="linkbtn" />

您可以在CSS中定义突出显示的样式，如

.linkbtn .highlighted { color: red; }

并使用一些JavaScript来切换类。在jQuery中它看起来像：

$(".linkbtn").click(function () {
   $(".linkbtn").removeClass("highlighted");
   $(this).addClass("highlighted");
});

在ASP.Net中

只需使用

<asp:LinkButton id="LinkButton4" OnClick="LinkButton4_Click" runat="server"/>

和代码隐藏

private void SetHighlighted(LinkButton btn)
{
  LinkButton1.CssClass = "";
  LinkButton2.CssClass = "";
  LinkButton3.CssClass = "";
  LinkButton4.CssClass = "";
  LinkButton5.CssClass = "";

  btn.CssClass = "highlighted";
}

protected void LinkButton4_Click(object sender, EventArgs e)
{
  SetHighlighted((LinkButton)sender);
}

为每个linkbutton

执行此操作

Answer 2

你可以用css轻松解决这个问题。

当你处理linkbutton click事件时，将linkbutton的CSSClass属性设置为一个类，该类将它与列表中的其他链接按钮区分开来。

例如，在页面加载时，您可以将所有链接按钮CSSClass属性设置为Link，并将此类定义为超链接的标准外观。 8pt，tahoma，下划线等。

创建另一个名为LinkSelected的类，使其为8pt，tahoma，下划线和粗体。

在您的链接按钮点击处理程序集myLink.CSSClass="LinkSelected";或((LinkButton)sender).CSSClass="LinkSelected";

您可以在内联（不推荐）或单独的.css文件中定义Link和LinkSelected类。

尝试一下，如果您需要更多详细信息，请告诉我。

Answer 3

我经常在最后几周在我的网页上建立相同的内容。

我认为你有2个选项，关于你背后的代码，我不知道：

1）您的链接按钮链接到特殊站点（作为超链接）。比你点击的实际网站所发现的还要远远超过它。

2）你的链接按钮只能激活代码，而不是正常的“linkbutton1.Font.Bold = true”或类似的东西。

如果你想通过CSS作为我的知识，那是不可能的，因为没有呈现为-tag。

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

3 个答案: