此例子绑定的数据源为微软在mssql2000中提供的Northwind数据库中的表Categories。

以下为设计步骤：

  1. 在C# 中连接数据库。如下图：
  2. 在项目中添加新建项，建立一个数据集，并把Categories从服务器资源列表中拖到这个数据集模板中并点击菜单“生成－生成解决方案”，如下图：
  3. 在aspx的webform上放一个ObjectDataSource控件，设定它的TypeName为刚刚建立的数据集类型，用它的向导建立即可。
  4. 在aspx的webform上放一个Repeater控件，用它的向导设定它的DataSourceID为上面的ObjectDataSource
  5. 在网页中设定它的源码，即加上<itemTemplate><AlternatingItemTemplate>等模板。如下面的代码： 
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Repeater.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    
<head runat="server">
    
    <title></title>
    
</head>
    
<body>
    
    <form id="form1" runat="server">
    
    <div>

        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
    
            OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
    
            TypeName="Repeater.DataSetEmployeesTableAdapters.CategoriesTableAdapter">
    
        </asp:ObjectDataSource>
    
        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1"
    
            onitemdatabound="Repeater1_ItemDataBound"
    
            onitemcreated="Repeater1_ItemCreated">
    
        <HeaderTemplate>
    
           类别表
    
           <table border="1"><th>类别ID</th><th>类别名称</th><th>描述</th><th>图片</th>
    
        </HeaderTemplate>
    
        <ItemTemplate>
    
           <tr>
    
             <td><%#Eval("CategoryID")%></td>
    
             <td>
    
                 <asp:TextBox ID="TextBox1" runat="server" Text='<%#Eval("CategoryName")%>'></asp:TextBox>
    
             </td>
    
             <td><%#Eval("Description")%></td>
    
             <td><img alt="None" src='<%#Eval("Picture")%>' /></td>
    
           </tr> 

        </ItemTemplate>
    
        <AlternatingItemTemplate>
    
           <tr>
    
             <td style="background-color:Blue"><%#Eval("CategoryID")%></td>
    
             <td  style="background-color:Blue">
    
               <asp:TextBox ID="TextBox1" runat="server" Text='<%#Eval("CategoryName")%>'></asp:TextBox>
    
             </td>
    
             <td  style="background-color:Blue"><%#Eval("Description")%></td>
    
             <td  style="background-color:Blue"><img alt="None" src='<%#Eval("Picture")%>' /></td>
    
           </tr>
    
        </AlternatingItemTemplate>
    
        <FooterTemplate>
    
          </table>
    
        </FooterTemplate>
    
        </asp:Repeater>

    </div>
    
    </form>
    
</body>
    
</html>

    6. 要求在类别名称中带"O"的编辑框显示红色，则写出以下代码：

      protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
    
        {
    
            if (e.Item.ItemType == ListItemType.AlternatingItem)
    
            {

                TextBox tb = (TextBox)e.Item.FindControl("TextBox1");
    
                if (tb.Text.Contains("o"))
    
                {
    
                    tb.BackColor = Color.Red;
    
                }

            }
    
        }

    7.运行显示的效果为：

3.Repeater 绑定数据例子的更多相关文章

  1. Repeater绑定数据 后台自定义的DataTable

    前台:<asp:Repeater ID="Repeater1" runat="server">            <ItemTemplat ...

  2. ListBox和ComboBox绑定数据简单例子

    1. 将集合数据绑定到ListBox和ComboBox控件,界面上显示某个属性的内容 //自定义了Person类(有Name,Age,Heigth等属性) List<Person> per ...

  3. angularJS绑定数据时自动转义html标签

    angularJS在进行数据绑定时默认是会以文本的形式输出,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止了html标签中的注入攻击,但有些时候还是需要的,特别是从数据库读取 ...

  4. 关于angularJS绑定数据时自动转义html标签

    关于angularJS绑定数据时自动转义html标签 angularJS在进行数据绑定时默认是会以文本的形式输出,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止了html标签 ...

  5. D3.js 选择元素和绑定数据/使用数据

    选择元素和绑定数据是 D3 最基础的内容,本文将对其进行一个简单的介绍. 一.如何选择元素 在 D3 中,用于选择元素的函数有两个: d3.select():是选择所有指定元素的第一个 d3.sele ...

  6. [置顶] DataGridView控件---绑定数据方法

             DataGridView控件是在windows应用程中显示数据最好的方式,它只需要几行简短的代码就可以把数据显示给用户,同时又支持增.删.改操作.今天将自己总结的增加数据的方法总结分 ...

  7. 解决WP8应用里ListBox绑定数据变多导致越来越卡

    ListBox控件绑定数据,当滑动到底部的时候加载数据到列表上,这样就会产生一个问题,当ListBox上面绑定的数据有几千条的时候,界面将会卡顿,我们可以通过在ListBox上只绑定指定数量的数据,其 ...

  8. 【 D3.js 选择集与数据详解 — 1 】 使用datum()绑定数据

    选择集和数据的关系是 D3 最重要的基础,在[入门 - 第 7 章]时进行过些许讲解,对于要掌握好 D3 是远远不够的.故此开设一个新的分类,专门讨论选择集与数据的关系,包括数据绑定的使用和工作原理, ...

  9. repeater灵活运用、repeater的commmand用法、如何不用repeater展示数据

    实体类: using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <su ...

随机推荐

  1. android 53 ContentProvider内容提供者

    ContentProvider内容提供者:像是一个中间件一样,一个媒介一样,可以以标准的增删改差操作对手机的文件.数据库进行增删改差.通过ContentProvider查找sd卡的音频文件,可以提供标 ...

  2. 权限系统与RBAC模型概述

    为了防止无良网站的爬虫抓取文章,特此标识,转载请注明文章出处.LaplaceDemon/SJQ. http://www.cnblogs.com/shijiaqi1066/p/3793894.html ...

  3. order by 自定义排序

    使用order by排序,有时候不是根据字符或数字顺序,而是根据实际要求排序. 例如有客户A,B,C,我希望排序结果是B,C,A,那么就要通过自定义的规则排序. 第一种方法,可以构造一张映射表,将客户 ...

  4. iBatis 的删除一条记录

    Student.xml 设置删除参数的类型,可以是一个对象的 <delete id="delStudent" parameterClass="int" & ...

  5. PTHREAD_MUTEX_INITIALIZER问题

      PTHREAD_MUTEX_INITIALIZER 与 expected expression before ‘{’ token 在进行 Posix thread 编程时,出现以下编译错误:err ...

  6. log4Net配置详解

    <?xml version="1.0" encoding="utf-8" ?> <configuration> <configSe ...

  7. C#操作求出SQL中某一字段所有行的和方法！

    DataTable table = xx.sqlcha(sql1);//调数据库 ; foreach(DataRow row in table.Rows)//遍历所查出记录所有行 { v = v + ...

  8. webservice拦截器 查看消息包(soap)

    服务端: 1.获取EndpointImpl对象 2.调用EndpointImpl对象中的方法获取In拦截器 3.调用EndpointImpl对象中的方法获取out拦截器 4.添加自己的In拦截器与Ou ...

  9. PHP 关于MongoDB的操作

    <?php header("Content-type:text/html;charset=utf-8"); $m = new MongoClient(); // 连接 $db ...

  10. php基于数组的分页实现

    关于数组的分页函数,用数组进行分页的好处是可以方便的进行联合多表查询,只需要将查询的结果放在数组中就可以了以下是数组分页的函数,函数page_array用于数组的分页,函数show_array用于分页 ...