如何创建包含图像和链接的链接文本？

Question

我需要为具有图像和图像的ASP.NET页面创建一个链接。文本，单击时将触发Web服务器上的事件。

这就是链接的样子：

如果我不使用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＆amp; HyperLink，但我看不出我怎么能有超链接＆amp;一个ImageButton作为相同可点击控件的一部分。

对于我来说，获取类似于绑定到服务器端功能的图像的链接的最佳方法是什么？

Answer 1

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

我会使用<asp:LinkButton>控件

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

然后我会使用CssClass“最新性能”来设置链接的样式。

e.g。

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

您必须调整样式以适应您的需要，但这基本上与您需要的完全相同。它还可以保持代码清洁，并将样式分离出来。

Answer 2

你可以这样做..

<asp:LinkButton ID="LinkButton1" runat="server" 
Text="<img src='App_Themes/.../Images/PDF.gif' /> PdfLink"></asp:LinkButton>

Answer 3

要在ASP .NET中执行您想要执行的操作，您需要执行以下操作：

<asp:LinkButton ID="LinkButton1" runat="Server" OnClick="ButtonClick_Event">Text</asp:LinkButton>
<asp:ImageButton ID="ImageButton1" runat="Server" ImageUrl="image.gif" OnClick="ButtonClick_Event"></asp:ImageButton>

然后，您可以编写自定义服务器或用户控件来封装这些控件，以便它们只显示您希望设置一次的属性，例如单击时的事件。

Answer 4

<a href="../default.aspx" target="_blank">
<img src="../images/1.png" border="0" alt="Submission Form" />
    <br />
<asp:Literal ID="literalID" runat="server">Some text</asp:Literal></a>

这样做的好处是asp：Literal是轻量级的。如果需要，您还可以通过在后面的代码中使用literalID.Text以编程方式更改asp：Literal中的文本。我喜欢这个，因为你只需要在一个简单的标签内使用一个控件。你可以给它你想要的任何href，target和img。希望这会有所帮助。

Answer 5

你可以这样做，这个答案是正确的。

<asp:HyperLink ID="hyperlink1" runat="server" NavigateUrl="Default.aspx" Target="_parent"><img src="Images/1.jpg"/>click</asp:HyperLink>