此例子绑定的数据源为微软在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. Qt的皮肤设计（Style Sheet）

      Qt的皮肤设计,也可以说是对Qt应用程序的界面美化,Qt使用了一种类CSS的样式规则QSS. 一.Style Sheet的应用 1.直接在程序代码中设置样式,利用setStyleSheet()方法 ...

  2. Objective-C--@property，@synthesize关键字介绍

    Objective-C–@property,@synthesize关键字介绍 转载:http://www.cnblogs.com/QM80/p/3576282.html /** 注意:由@proper ...

  3. Topcoder SRM 661 (Div.1) 250 MissingLCM - 数论

    [题意] 给你一个数N(1<=N<=10^6),要求最小的M(M>N),使得lcm(n+1,n+2,...m)=lcm(1,2,3,...,m) [思路] 手速太慢啦,等敲完代码的时 ...

  4. 用Javascript进行HTML转义（分享）

      众所周知页面上的字符内容通常都需要进行HTML转义才能正确显示,尤其对于Input,Textarea提交的内容,更是要进行转义以防止javascript注入攻击.   通常的HTML转义主要是针对 ...

  5. tomcat+nginx+redis实现均衡负载、session共享(二)

    今天我们接着说上次还没完成session共享的部分,还没看过上一篇的朋友可以先看下上次内容,http://www.cnblogs.com/zhrxidian/p/5432886.html. 1.red ...

  6. Linux系统swap已分区但无法挂载与cryptswap1问题

    linux下察看swap分区大小的命令 top 或者fdisk -l 或者free -m SWAP分区一般大小为物理内存的2倍,但最大不超过2G; 增加SWAP空间的方法有两个:增加另外一个SWAP分 ...

  7. weChat聊天发送图片带有小尖角的实现

    weChat聊天发送图片带有小尖角的实现 1.#import <UIKit/UIKit.h>2.3.@interface JKShapeImage : UIView4.5.@propert ...

  8. 解决ubuntu下的文本编辑器gedit的乱码问题

    缺省配置下,用 Ubuntu 的文本编辑器(Gedit)打开GB18030(繁体中文用户请将这里的出现的GB18030替换成BIG5或BIG5-HKSCS)类型的中文编码文本文件时,将会出现乱码. 出 ...

  9. 服务器上搭建spark开发环境

    1.安装相应的软件 (1)安装jdk 下载地址:http://www.Oracle.com/technetwork/java/javase/downloads/index.html (2)安装scal ...

  10. 命令模式(Command)

    1.本质: 封装请求 2.定义: 把一个请求封装为一个对象,从而使你可用不同的请求对客户进行参数化,对请求排队或记录请求日志,以及支持可撤销的操作 3.核心: 原本“行为请求者”和“行为执行者”是紧紧 ...