使用repeter控件,绑定数据源,能够省去在前台页面中拼接繁杂的for、foreach的时间,整个页面看起来也更加直观。常配合<select>标签、<table>标签使用。

其中<itemTemplate>不断循环,<headerTemplate>和<footerTemplate>只执行一次,适用于<table>标签。

后台后置类获取List<Model.Student> 这样一个对象,Model.Student中有 studentId 和 studentName 两个字段。

//以下代码在page_Load方法中
if (!IsPostBack)
            {
                BLL.Student bllStu = new BLL.Student();
                List<Model.student> stuList= bllStu.GetStudentList();

                //给repeater绑定数据源,记得dataBind()
                Repeater1.DataSource = stuList;
                Repeater1.DataBind();
            }            

Select例子:

绑定后把想要循环的内容写在<itemTemplate>标签内。

 <select name="stuDropDownList">
      <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
          <option value="<%#Eval("studentId") %>"><%#Eval("studentName")%></option>
        </ItemTemplate>
      </asp:Repeater>
 </select>

Table例子:

一样要像上边的代码一样到后台给repeater控件绑定数据源。下面的例子展示了如何使用headerTemplate和footerTemplate

<table border="1" cellpadding="0" cellspacing="0">
            <asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>            <tr><th>学号</th><th>姓名</th></tr>
                </HeaderTemplate>
                <ItemTemplate>            <tr><td><%#Eval("studentId") %></td><td><%#Eval("studentName")%></td></tr>
                </ItemTemplate>
                <FooterTemplate>
                   <!--这里可以放页码-->
                </FooterTemplate>
            </asp:Repeater>
        </table>

下面附一段不用repeater,使用foreach循环来给select绑定数据的代码,感受一下区别。

  <select name="stuDropDownList">
         <%foreach (var stu in stuList)
         {%>
         <option value="<%=stu.studentId %>">
         <%=stu.studentName%></option>
         <%  } %>
 </select>

代码量也不多,不过看起来就没有repeater清晰了。

ASP.NET控件Repeter的使用的更多相关文章

  1. asp.net <asp:Content>控件

    <asp:Content ID="Content2" ContentPlaceHolderID="CPH_MainContent" runat=" ...

  2. FineUI 基于 ExtJS 的专业 ASP.NET 控件库

    FineUI 基于 ExtJS 的专业 ASP.NET 控件库 http://www.fineui.com/

  3. ASP.NET控件<ASP:Button /> html控件<input type="button">区别联系

    ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样 ...

  4. asp.net控件的Hyperlink控件

    Asp.net控件: Hyperlink控件:Hyperlink控件又称为超链接控件,该控件在功能上跟Html的<a herf=””>控件相似,其显示的模式为超链接的形式. 注意: Hyp ...

  5. asp.net控件开发基础(1)(转)原文更多内容

    asp.net本身提供了很多控件,提供给我们这些比较懒惰的人使用,我认为控件的作用就在此,因为我们不想重复工作,所以要创建它,这个本身便是一个需求的关系,所以学习控件开发很有意思. wrox网站上有本 ...

  6. 把某个asp.net 控件 替换成 自定义的控件

    功能:可以把某个asp.net 控件 替换成 自定义的控件 pages 的 tagMapping 元素(ASP.NET 设置架构) 定义一个标记类型的集合,这些标记类型在编译时重新映射为其他标记类型. ...

  7. Asp.Netserver控件开发的Grid实现(三)列编辑器

    以下是GridColumnsEditor的实现代码: GridColumnsEditor.cs using System; using System.Collections.Generic; usin ...

  8. 为ASP.NET控件加入快捷菜单

    ContextMenu Control 快捷菜单控件概述: MSDN Liabrary 中包含了几个DHTML快捷菜单的示例.分别提供了对这一功能的不能实现方法.一个快捷菜单就是在页面中任何位置的一组 ...

  9. <asp:FileUpload>控件 获取不到文件名

    <asp:FileUpload>控件 放在了<asp:UpdatePanel>控件中会导致获取不到文件名.

随机推荐

  1. June本地环境搭建

    python-china.org论坛使用的June程序就是这货了,使用了Python Flask + SQLite + Node.js 的轻论坛,以后就打算拿这个学习了,如果可能,进行二次开发. Gi ...

  2. 基于Jcrop的图片上传裁剪加预览

    最近自己没事的时候研究了下图片上传,发现之前写的是有bug的,这里自己重新写了一个! 1.页面结构 <!DOCTYPE html> <html lang="en" ...

  3. Best JavaScript Tools for Developers

    JavaScript solves multiple purposes; it helps you to create interactive websites, web applications, ...

  4. 如何打造100亿SDK累计覆盖量的大数据系统

    作为推送行业领导者,截止目前个推SDK累计安装覆盖量达100亿(含海外),接入应用超过43万,独立终端覆盖超过10亿 (含海外).个推系统每天会产生大量的日志和数据,面临许多数据处理方面的挑战. 首先 ...

  5. java中实现与.net的format格式化字符串输出

    Java中的格式化字符串 System.out.println(MessageFormat.format("name={0}", "张三")); .net中的格 ...

  6. JavaScript实例技巧精选(9)—计算器实例1

    >>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的一个计算器实例,核心代码如下: <script language="J ...

  7. JAVA中ClassPath妙用

    初学java的人肯定都配置过java三大环境变量 . JAVA_HOME:JDK目录 PATH:jdkbin目录  jre目录 CLASSPATH:一般指向类库lib,也可自定义使用 以下例子是个小例 ...

  8. Definition of:payload

    (1) Refers to the "actual data" in a packet or file minus all headers attached for transpo ...

  9. AngularJS的初始化

    AngularJS的初始化 本文主要介绍AngularJS的自动初始化以及在必要的适合如何手动初始化. Angular <script> Tag 下面通过一小段代码来介绍推荐的自动初始化过 ...

  10. SVN merge

    SVN merge的主干,分支的相互合并操作   SVN merge的主干,分支的相互合并操作 本文只研究了 在本地如何进行主干,分支的相互合并 的操作:从主干到分支,从分支到主干. 本地客户端工具是 ...