我需要为具有图像和图像的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作为相同可点击控件的一部分。
对于我来说,获取类似于绑定到服务器端功能的图像的链接的最佳方法是什么?
答案 0 :(得分:6)
我不会通过混合使用控件来实现这一点。
我会使用<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;
}
您必须调整样式以适应您的需要,但这基本上与您需要的完全相同。它还可以保持代码清洁,并将样式分离出来。
答案 1 :(得分:3)
你可以这样做..
<asp:LinkButton ID="LinkButton1" runat="server"
Text="<img src='App_Themes/.../Images/PDF.gif' /> PdfLink"></asp:LinkButton>
答案 2 :(得分:1)
要在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>
然后,您可以编写自定义服务器或用户控件来封装这些控件,以便它们只显示您希望设置一次的属性,例如单击时的事件。
答案 3 :(得分:1)
<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。希望这会有所帮助。
答案 4 :(得分:0)
你可以这样做,这个答案是正确的。
<asp:HyperLink ID="hyperlink1" runat="server" NavigateUrl="Default.aspx" Target="_parent"><img src="Images/1.jpg"/>click</asp:HyperLink>