此例子绑定的数据源为微软在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. 读取一个文件，将其Base64编码，每76个字符加一个换行(转)

    echo chunk_split(base64_encode(file_get_contents('base64.txt'))); 例子 1 本例分隔每个字符,并添加 ".": & ...

  2. IDLHDF5读取与转换

    需求决定了动力,此时近凌晨一点,忙里偷闲,终于忙完了今天的“这点儿”事儿.参考帮助文档,从hdf的读写,捉摸hdf5的读写,总算弄明白了.稍作总结,以备候查. hdf5作为hdf数据的补充与升级,目前 ...

  3. warning：This application is modifying the autolayout engine from a background thread

    警告提示:This application is modifying the autolayout engine from a background thread, which can lead to ...

  4. WPF DataGrid某列使用多绑定后该列排序失效，列上加入 SortMemberPath 设置即可.

    WPF DataGrid某列使用多绑定后该列排序失效 2011-07-14 10:59hdongq | 浏览 1031 次  悬赏:20 在wpf的datagrid中某一列使用了多绑定,但是该列排序失 ...

  5. 第二篇：python基础之文件读写

    python基础之文件读写   python基础之文件读写 本节内容 os模块中文件以及目录的一些方法 文件的操作 目录的操作 1.os模块中文件以及目录的一些方法 python操作文件以及目录可以使 ...

  6. C# 内存管理优化实践

    内存优化畅想系列文章已经结束了,很多读者读完之后可能觉得“然并卵”,毕竟都是给微软提的建议而已,现在都没有实现.那么为了优化内存,有没有什么我们现在就能用的技巧呢?我的答案是:有.网上关于.net内存 ...

  7. java simple check whether a file or directory.

    Ref:  check whether a file or directory First, make sure the path exists by using: new File(path).ex ...

  8. Java设计模式（学习整理）---工厂模式

    1.工厂模式 1.1 为什么使用工厂模式? 因为工厂模式就相当于创建实例对象的new,我们经常要根据类Class生成实例对象,如A a=new A() 工厂模式也是用来创建实例对象的,所以以后new时 ...

  9. 几种不同存储形式下的数据挖掘问题[ZZ]

    从原理上说,数据挖掘应该可以应用到任何信息存储方式的知识挖掘中,但是挖掘的挑战性和技术会因为源数据的存储类型的不同而不同.特别是,近年来的研究表明数据挖掘所涉及的数据存储类型越来越丰富,除了一些有通用 ...

  10. Unable to load configuration. - bean - jar: ....struts2-core-2.1.8.1.jar!/struts-default.xml:47:178

    摘录的异常代码: 2013-12-14 22:42:07 com.opensymphony.xwork2.util.logging.commons.CommonsLogger error严重: Dis ...