Asp.Net形象的DataList onclick事件?可能吗?
题
好,我一直在这个画廊一段时间,我不断收到小花絮。现在是时候完成它。我有其结合到包含通过链接发送的缩略图ID *的.aspx图像网址的阵列的数据列表。我现在需要实现一个onclick事件,当用户点击一个照片,它带给他们实际的图片。
例如URL:结果 (缩略图)=〜/ UserPages /照片/ GetThumbnail.aspx?ID = 7,点击 (actualpic)=〜/ UserPages /照片/ GetPhoto.aspx?ID = 7
我需要:我如何得到它使每张照片都有一个onclick事件?我尝试添加的onclick到IMAG src,却没有奏效。这是困难的,因为它不是一个实际的图像控制,他们DataList控件内部存在。我还需要知道如何提取的缩略图URL时,得到点击,这样我可以抓住的ID和重定向到实际的图片。请帮助!
<asp:DataList ID="dlImages" runat="server"
RepeatColumns="5"
RepeatDirection="Horizontal"
RepeatLayout="Flow">
<ItemTemplate>
<img src="<%# ResolveUrl((string)Container.DataItem) %>" />
</ItemTemplate>
</asp:DataList>
代码背后:
dlImages.DataSource = ImageUrls;
dlImages.DataBind();
解决方案
您可以把它包在a
标签?
<ItemTemplate>
<a href="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetPhoto.aspx?id={0}", Container.DataItem)) %>"><img src="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetThumbnail.aspx?id={0}", Container.DataItem)) %>" /></a>
</ItemTemplate>
此假设你的DataItem
仅包含ID。
其他提示
尝试:
<ItemTemplate>
<img src="<%# ResolveUrl((string)Container.DataItem) %>" onclick="doSomething(this)" />
</ItemTemplate>
之后,你可以简单地实现该解析id列“this.src”的DoSomething的功能,做任何你想做的事情。
不隶属于 StackOverflow