<Asp: repeater id = "rptstatus" runat = "server" onitemdatabound = "rptstatus_itemdatabound">
<Headertemplate>
<Table>
<Tr>
</Headertemplate>
<Itemtemplate>
<TD>
<Asp: Image id = "imgstatus" runat = "server" tooltip = '<% # eval ("vehicle status") %>'/>
</TD>
<TD>
<Asp: Label id = "lblcph" runat = "server" text = '<% # eval ("license plate number") %>'> </ASP: Label>
</TD>
</Itemtemplate>
<Footertemplate>
</Tr>
</Table>
</Footertemplate>
</ASP: repeater>
Private int I = 0;
Protected void rptstatus_itemdatabound (Object sender, repeateritemeventargs E)
{
// Reset the imageurl attribute value based on the tooltip attribute value of the image to indicate the vehicle usage status.
If (E. Item. itemtype = listitemtype. Item | E. Item. itemtype = listitemtype. alternatingitem)
{
Image image = (image) E. Item. findcontrol ("imgstatus ");
Int tooltip = int. parse (image. tooltip. tostring ());
If (tooltip = 0)
{
Image. imageurl = "~ /Images/ky.jpg ";
}
Else if (tooltip = 1)
{
Image. imageurl = "~ /Images/cc.jpg ";
}
Else if (tooltip = 2)
{
Image. imageurl = "~ /Images/wx.jpg ";
}
Else if (tooltip = 3)
{
Image. imageurl = "~ /Images/qt.jpg ";
}
}
If (I % 7 = 0 & I> 0)
{
E. Item. Controls. Add (New literalcontrol ("</tr> <tr> "));
}
I ++;
}
// Bind the Repeater control
Private void bindrepeater ()
{
Dbhandler DBH = dbhandlerfactory. gethandler ("vehicleconnectionstring ");
DBH. commandtext = "select license plate number, vehicle status from vehicle portfolio ";
Datatable dt = DBH. executedatatable ();
This. rptstatus. datasource = DT;
This. rptstatus. databind ();
}
The display effect is as follows: