Asp.Net Изображение в событии onclick datalist? Является ли это возможным? - PullRequest
Новая
       20

Asp.Net Изображение в событии onclick datalist? Является ли это возможным?

0 голосов
/ 09 апреля 2009

Хорошо, я работаю над этой галереей в течение некоторого времени, и я продолжаю получать маленькие лакомые кусочки. Настало время закончить это. У меня есть список данных, который связывается с массивом URL-адресов * .aspx, которые содержат идентификатор миниатюры, отправляемый через URL. Теперь мне нужно реализовать событие onclick, которое, когда пользователь нажимает на фотографию, приводит его к фактическому изображению.

пример URL:
(уменьшенное изображение) = ~ / UserPages / Photo / GetThumbnail.aspx? id = 7
(actualpic) = ~ / UserPages / Photo / GetPhoto.aspx? id = 7

Что мне нужно: как мне получить, чтобы на каждой фотографии было событие onclick? Я попытался добавить onclick к imag src, но это не сработало. Это сложно, потому что это не фактический контроль изображений, они существуют внутри списка данных. Мне также нужно знать, как извлечь ссылку на миниатюру при нажатии, чтобы я мог получить идентификатор и перенаправить на реальную картинку. Помогите пожалуйста! 

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

Ответы [ 2 ]

1 голос
/ 09 апреля 2009

Можете ли вы обернуть его в тег 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 содержит только идентификатор.

0 голосов
/ 09 апреля 2009

Попробуйте: 

<ItemTemplate>
    <img src="<%# ResolveUrl((string)Container.DataItem) %>" onclick="doSomething(this)" />
</ItemTemplate>

После этого вы можете просто реализовать функцию doSomething, которая анализирует идентификатор из «this.src» и делает с ним все, что вы хотите.

...