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

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);
}

为每个链接按钮执行此操作

Answer 2

您可以使用CSS轻松解决此问题。

当您处理linkbutton click事件时，请将linkbutton的CSSClass属性设置为一个与列表中其他linkbutton区别的类。

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

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

在您的链接按钮单击处理程序中，设置myLink.CSSClass="LinkSelected"; 或((LinkButton)sender).CSSClass="LinkSelected";

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

试试看，让我知道是否需要更多详细信息。

Answer 3

我经常在过去几周内在自己的页面中构建相同的内容。

如我所见，关于您的代码背后有2个我不知道的选择：

1）您的链接按钮已链接到特殊站点（作为超链接）。 比您可以通过单击鼠标悬停的实际站点找到它。

2）您的linkbutton仅激活代码，而不是常规的“ linkbutton1.Font.Bold = true”或类似的代码。

如果您希望CSS作为我的知识，那是不可能的，因为没有将其渲染为-tag。