asp.net - 如何创建包含图像和文本的链接？

Question

我需要为包含图像和文本的 ASP.NET 页面创建一个链接，单击该链接会在网络服务器上触发一个事件。

链接应该是这样的:

如果我不使用 ASP.NET，这是链接的 HTML 格式:

<a id='PdfLink' href='#'>
    <img src="App_Themes/.../Images/PDF.gif" alt="Click for fact sheet PDF"/>
    <span>Latest Performance</span>
</a>

这个问题是我希望能够单击它并触发服务器端事件，但我不知道我是否可以使用普通的旧 HTML 控件来做到这一点。

在 ASP.NET 中，我可以看到有各种控件，例如 ImageButton 和 HyperLink，但我不知道如何将 Hyperlink 和 ImageButton 作为同一个可点击控件的一部分。

获得类似于绑定(bind)到服务器端功能的图像的链接的最佳方式是什么？

Answer 1

我不会通过混合使用控件来做到这一点。

我会使用 <asp:LinkButton>控制

<asp:LinkButton id="LinkButton1" runat="server" OnClick="ButtonClick_Event" CssClass="latest-performance">Latest Performance</asp:LinkButton>

然后我会使用 CssClass“latest-performance”来设计链接。

例如

.latest-performance{
     display: block;
     padding-left: 20px;
     background: url(url-to-the-pdf-icon) no-repeat left center;
}

您必须调整样式以适应您的需要，但这基本上看起来与您需要的完全一样。它还能使您的代码保持整洁，并分离样式。