asp.net中DataList和Repeater的使用

本文介绍了ASP.NET中DataList和Repeater控件的基本用法及特性,包括前端展示模板与后台绑定数据的方式。DataList适用于固定布局的数据展示,而Repeater则提供了更为灵活的定制选项。

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

DataList和Repeater是两个十分有用的控件,在新闻列表和图片展示的地方经常用到。在这里简单的把他们介绍一下。

1.DataList:

前端页面:

 <asp:DataList ID="PicList" runat="server" RepeatColumns="3" Width="90%" RepeatDirection="Horizontal">
              <ItemStyle BorderWidth="0" BorderStyle="none" Width="200" HorizontalAlign="center" />
              <ItemTemplate>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                            <td height="110px">
                                <img src='<%# Eval("IMGurl")  %>' width="174" height="130" alt="" style="cursor: hand;" />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" height="40px">
                                <asp:Label ID="Content" runat="server" Width="100%" Text='<%# Eval("IMGms")   %>' /></td>
                        </tr>
                    </table>
              </ItemTemplate>
  </asp:DataList>

 

属性介绍:RepeatColumns:在横向或书香重复的条数;

RepeatDirection:重复方向。

后台代码:

        this.PicList.DataSource = ds;
        this.PicList.DataBind();

2.Repeater:使用方式更简单,

<asp:Repeater ID="Repeater3" runat="server">
         <ItemTemplate>
                <div align="left" class="divp1">
                       <img src="Images/jt.gif" width="10" height="11" alt="" />&nbsp;&nbsp;<a href='Talent.aspx?nurl=<%# Eval("MenuURL") %>' target="_blank"><strong><%# Eval("MenuName") %></strong></a>

      </div>
          </ItemTemplate>
</asp:Repeater>

后台类似datalist。

转载于:https://www.cnblogs.com/skyshenwei/archive/2010/03/03/1677114.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值