此例子绑定的数据源为微软在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. ckeditor 敏感词标记显示处理方法

    直接在原型添加方法: (function () { /* * 取消所有高亮 */ CKEDITOR.editor.prototype.CancleSensitiveWordsHighlight = f ...

  2. 5 - SQL Server 2008 之 四则运算、比较运算、逻辑运算及字符连接运算

    四则运算如下: --加减乘除(+.-.*.\.%)取余运算 SELECT --加法运算 AS 加法结果2, --减法运算 -2.5 AS 减法结果1, 15.5+5.5 AS 减法结果2, --乘法运 ...

  3. Bash关闭输出（关闭正确、错误输出）

    利用&>重定向,不输出任何内容: echo hello &> /dev/null 关闭正确输出: echo hello 1> /dev/null 关闭错误输出: ec ...

  4. 布局重用 include merge ViewStub

    在布局优化中,Androi的官方提到了这三种布局<include />.<merge />.<ViewStub />,并介绍了这三种布局各有的优势,下面也是简单说一 ...

  5. 借用Toad 生成表空间的使用量图示

    图示产生方法 图示(tablespace uage)如下

  6. [转]Delphi中，让程序只运行一次的方法

    program onlyRunOne; uses Forms,Windows,SysUtils, Dialogs, Unit1 in 'Unit1.pas' {Form1}; {$R *.res} v ...

  7. J2se中的声音---AudioPlayer

    1 package cn.gp.tools; import java.io.FileInputStream; import java.io.FileNotFoundException; import ...

  8. Java操作hbase总结

    用过以后,总得写个总结,不然,就忘喽. 一.寻找操作的jar包. java操作hbase,首先要考虑到使用hbase的jar包. 因为咱装的是CDH5,比较方便,使用SecureCRT工具,远程连接到 ...

  9. SGU 157.Patience

    简单的搜索,在n>10时,要打表 code: #include<stdio.h> #include<string.h> #include<algorithm> ...

  10. Oauth认证简介

    Oauth是什么: 1.Oauth是一种安全认证的协议: 2.Oauth为用户资源的授权提供了一个安全的.开放而又简易的标准: 3.Oauth的授权不会使第三方触及到用户的账号信息(用户名和密码). ...