zoukankan      html  css  js  c++  java
  • 3.Repeater 绑定数据例子

    此例子绑定的数据源为微软在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.运行显示的效果为:

  • 相关阅读:
    QT 界面刷新
    剑指 Offer 65. 不用加减乘除做加法
    3.nvidia-docker安装
    6.通过docker配置深度学习环境
    2.docker安装
    OSG+Visual Studio2015项目变量设置;
    Learning OSG programing---osgwindows
    日常学习网站推荐
    开发 MFC 应用的一般过程
    FVWM使用指南
  • 原文地址:https://www.cnblogs.com/yagzh2000/p/3166625.html
Copyright © 2011-2022 走看看