asp.net Repeater 数据绑定的具体实现

以下为设计步骤:

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& gt;描述</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>

7、要求在类别名称中带"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、运行显示的效果为:

时间: 2024-12-26 10:01:23

asp.net Repeater 数据绑定的具体实现的相关文章

asp.net Repeater 数据绑定代码_实用技巧

ASPX页面的Repeater控件: 复制代码 代码如下: <asp:Repeater ID="IndexTopMain" runat="server"> <HeaderTemplate><!--头--> <ul> </HeaderTemplate> <ItemTemplate><!--中间循环部分--> <li> • <a href="AritcleDi

asp.net Repeater 数据绑定的具体实现(图文详解)_实用技巧

以下为设计步骤: 1.在C# 中连接数据库.如下图:2.在项目中添加新建项,建立一个数据集,并把Categories从服务器资源列表中拖到这个数据集模板中并点击菜单"生成-生成解决方案",如下图: 3.在aspx的webform上放一个ObjectDataSource控件,设定它的TypeName为刚刚建立的数据集类型,用它的向导建立即可.4.在aspx的webform上放一个Repeater控件,用它的向导设定它的DataSourceID为上面的ObjectDataSource5.在

asp.net gridview数据绑定的时候 datasource是一个对象中的属性

问题描述 asp.net gridview数据绑定的时候 datasource是一个对象中的属性 该属性是一个list,list中Type属性还是list,这样的结构该怎么绑定到前台.例:Eval("A.B.C.属性名称") 这样?求高手指点. 解决方案 不能直接绑定的. 如果你只有两级,需要控件嵌套(GridView没试过,不过Repeater控件是可以的),上级控件直接绑定,然后在上级控件的 RowDataBound/ItemDataBound 事件中,再用当前行的子对象绑定下级控

浅谈ASP.NET常用数据绑定控件优劣总结_实用技巧

本文的初衷在于对Asp.net常用数据绑定控件进行一个概览性的总结,主要分析各种数据绑定控件各自的优缺点,以便在实际的开发中选用合适的控件进行数据绑定,以提高开发效率. 因为这些数据绑定控件大部分都已经封装的很好了,稍微有一些基础的朋友都可以很容易的上手使用,所以本文不涉及具体控件的使用,只在于分析各自的优劣点,但是在下一篇文章里,我会主要讲一下ListBox.GridView.Repeater这三个数据绑定控件的"高效分页",ListBox和GridView内置的有分页,但是其效率太

怎么用asp.net把数据绑定到表格里面去啊?

问题描述 怎么用asp.net把数据绑定到表格里面去啊? 解决方案 解决方案二:tableid="td1"runat="server"style="width:312px;height:74px"><tr><tdstyle="height:21px">a1</td><tdstyle="height:21px">a2</td><tdsty

排序-asp.net repeater 绑定数据后 怎么改变显示的顺序

问题描述 asp.net repeater 绑定数据后 怎么改变显示的顺序 <ul style=" margin-left:20px"> <asp:Repeater ID="rep_data" runat="server"> <ItemTemplate> <li ><p ><span><%# Eval("data").ToString()%>:

ASP 2.0 数据绑定函数Eval()的机制

函数|数据 本文假设你已经了解ASP 1.1的数据绑定(特别是Container这个局部变量)的机制,这里主要分析ASP 2.0数据绑定做了那些改进. ASP.NET 2.0 的数据绑定函数Eval()简化掉了ASP 1.1神秘的Container.DataItem,比如数据绑定表达式: <%# (Container.DataItem as DataRowView)["ProductName"].ToString() %> ASP 1.1简化为:(去掉了类型指定, Eval

ASP.NET2.0 数据绑定函数Eval()的机制

本文假设你已经了解ASP.NET 1.1的数据绑定(特别是Container这个局部变量)的机制,这里主要分析ASP 2.0数据绑定做了那些改进. ASP.NET 2.0 的数据绑定函数Eval()简化掉了ASP 1.1神秘的Container.DataItem,比如数据绑定表达式: <%# (Container.DataItem as DataRowView)["ProductName"].ToString() %>  ASP.NET 1.1简化为:(去掉了类型指定, E

asp.net repeater怎么动态绑定数据

问题描述 asp.net repeater怎么动态绑定数据 如图我想给repeater选择性的绑定数据.但是t在下面是未定义的.怎么才能这样的绑定数据 解决方案 <ASP.NET>数据的绑定-RepeaterASP.NET Repeater绑定数据并实现分页ASP.NET Repeater绑定数据并实现分页