源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-05-26 12:29 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net Repeater 数据绑定的具体实现(图文详解)
以下为设计步骤: [img]http://files.jb51.net/file_images/article/201307/20130702151401123.png[/img] 1、在C# 中连接数据库。如下图: 2、在项目中添加新建项,建立一个数据集,并把Categories从服务器资源列表中拖到这个数据集模板中并点击菜单“生成-生成解决方案”,如下图: [img]http://files.jb51.net/file_images/article/201307/20130702151401124.png[/img] 3、在aspx的webform上放一个ObjectDataSource控件,设定它的TypeName为刚刚建立的数据集类型,用它的向导建立即可。 4、在aspx的webform上放一个Repeater控件,用它的向导设定它的DataSourceID为上面的ObjectDataSource 5、在网页中设定它的源码,即加上<itemTemplate><AlternatingItemTemplate>等模板。如下面的代码:
[u]复制代码[/u] 代码如下:
<%@ 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>
7、要求在类别名称中带"O"的编辑框显示红色,则写出以下代码:
[u]复制代码[/u] 代码如下:
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、运行显示的效果为: [img]http://files.jb51.net/file_images/article/201307/20130702151401125.png[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部