How to call different images in <asp: Image> tag for every row of gridview.
I used below code as per my requirement (HTML code):
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Caption="Customer List" EmptyDataText="You have deleted all records in customer list">
<RowStyle Height="40px" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Panel ID="Panel1" runat="server" Width="400px">
<asp:Label ID="Label4" runat="server" Text='<%# Eval("Id") %>'></asp:Label>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("Station Name") %>'></asp:Label>
</asp:Panel>
<cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" PopupControlID="PopupMenu" TargetControlID="Panel1" PopupPosition="Left"> </cc1:HoverMenuExtender>
<asp:Panel ID="PopupMenu" runat="server" CssClass="popupMenu">
<asp:Image ID="Image1" runat="server" ImageUrl="" Height="50px" Width="50px"/>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
C# code:
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Id", typeof(int)),
new DataColumn("Station Name", typeof(string)) });
dt.Rows.Add(1, "Penang");
dt.Rows.Add(2, "Kedah");
dt.Rows.Add(3, "senawang");
dt.Rows.Add(4, "Kedah");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Only difficulty im facing is how to bind different images in "ImageUrl" for every row of Gridview.
Note: Images are not saved in DB.
How to achieve this?
Please help.
