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>描述</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、运行显示的效果为:
推荐阅读
-
asp.net Repeater 数据绑定的具体实现(图文详解)
-
ASP.NET实现TreeView的XML数据源绑定实例代码
-
ASP.NET中的DataGridView绑定数据和选中行删除功能具体实例
-
ASP.NET实现TreeView的XML数据源绑定实例代码
-
ASP.NET中的DataGridView绑定数据和选中行删除功能具体实例
-
asp.net Xml绑定到数据控件的具体实现
-
asp.net Xml绑定到数据控件的具体实现
-
《ASP.NET》数据的绑定—Repeater图文详解
-
《ASP.NET》数据绑定—DropDownList、ListBox的图文代码详解
-
asp.net实现DataList与Repeater嵌套绑定的方法