asp.net Repeater控件用法----一列数据在Repeater中每行显示固定记录方法

本文介绍如何使用ASP.NET中的Repeater控件展示车辆的状态信息,包括根据不同的车辆状态显示不同的图标,并通过绑定数据库查询结果实现动态更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<asp:Repeater ID="rptStatus" runat="server" OnItemDataBound="rptStatus_ItemDataBound">
      <HeaderTemplate>
               <table>
                     <tr>
       </HeaderTemplate>
       <ItemTemplate>
                            <td>
                                <asp:Image ID="imgStatus" runat="server" ToolTip='<%#Eval("车辆状态") %>' />
                            </td>
                            <td>
                                <asp:Label ID="lblCPH" runat="server" Text='<%#Eval("车牌号") %>'></asp:Label>
                            </td>
        </ItemTemplate>
        <FooterTemplate>
                     </tr>

             </table>
     </FooterTemplate>
</asp:Repeater>

 

 

private int i=0;

protected void rptStatus_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {

       //这里根据图片的ToolTip属性值,重新设置ImageUrl属性值,指示车辆的使用状态
        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++;
    }

 

  //repeater控件绑定
    private void BindRepeater()
    {
        DBHandler dbh = DBHandlerFactory.GetHandler("VehicleConnectionString");
        dbh.CommandText = "select 车牌号,车辆状态 from 车辆档案表";
        DataTable dt = dbh.ExecuteDataTable();
        this.rptStatus.DataSource = dt;
        this.rptStatus.DataBind();
    }

 

显示效果如下图:

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值