Currently, i am using a asp:repeater to bind my images from database to a imagebutton. For example, i have 2 images in the database. Therefore, the repeater should have generate 2 imagebuttons for me. And each imagebutton is suppose to show 2 different images.

Somehow both imagebuttons are displaying the same images, which always happens to be the 2nd image. Before the itemdatabound, i already databind it to an arraylist. The imgRetrieve.aspx is used to retrieve/display image for me based on the id passed in. Any help is greatly appreciated.

<asp:repeater id="repImages" runat="server" OnItemDataBound="repImages_ItemDataBound">
		<ItemTemplate>
			<asp:ImageButton runat="server" ID="imgItem" CssClass="removeBorder" onmouseover="this.className='applyBorder'"
				onmouseout="this.className='removeBorder'" Width="100" Height="100" OnClick="imgItem_Click" />
			<br>
		</ItemTemplate>
	</asp:repeater>

    Protected Sub repImages_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs) Handles repImages.ItemDataBound

Dim Item As RepeaterItem = CType(e.Item, RepeaterItem)
        Dim MyImage As New ImageButton
MyImage = CType(Item.FindControl("imgItem"), ImageButton)
dim index as integer=0
for index=0 to imgArrList.count-1
MyImage.ImageUrl = "..\imgRetrieve.aspx?id=" & imgArrList.item(index).staffid
end next

I don't get what you mean when you say "each imagebutton is suppose to show 2 different images."
An image button can only be one image at a time.
There's no point in setting a value like that inside a For...Next statement. The value will always then be set to the value of the last element in the ArrayList.
Can you give more detail on what you're trying to do?

Do you mean to say that you need to show different image in the alternative rows?

Then use it like

if(e.Item.ItemType == ListItemType.Item)
{
//display image one
}
else if (e.Item.ItemType == ListItemType.AlternatingItem)
{
//display image two
}

My apologies, what i meant was i was supposed to have 2 image buttons and each showing different images. However, at that time mine was showing both the same images.

I have managed to solve it already, thanks. My coding is as follows:

<asp:repeater id="repImages" runat="server" OnItemDataBound="repImages_ItemDataBound">
		<ItemTemplate>
			<asp:ImageButton runat="server" ID="imgItem" ImageUrl ='<%# DataBinder.Eval(Container.DataItem, "staffId", "imgRetrieve.aspx?id={0}") %>' 
			CssClass="removeBorder" onmouseover="this.className='applyBorder'" onmouseout="this.className='removeBorder'" Width="100" Height="100" OnClick="imgItem_Click" />
			<br>
		</ItemTemplate>
	</asp:repeater>

Originally Posted by Minaki

I don't get what you mean when you say "each imagebutton is suppose to show 2 different images."
An image button can only be one image at a time.
There's no point in setting a value like that inside a For...Next statement. The value will always then be set to the value of the last element in the ArrayList.
Can you give more detail on what you're trying to do?

****, i totally forgot about the e.item thing. Thanks

Originally Posted by vivekar

Do you mean to say that you need to show different image in the alternative rows?

Then use it like

if(e.Item.ItemType == ListItemType.Item)
{
//display image one
}
else if (e.Item.ItemType == ListItemType.AlternatingItem)
{
//display image two
}