asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)(圖文詳解)
以下為設(shè)計(jì)步驟:
1、在C# 中連接數(shù)據(jù)庫。如下圖:
2、在項(xiàng)目中添加新建項(xiàng),建立一個(gè)數(shù)據(jù)集,并把Categories從服務(wù)器資源列表中拖到這個(gè)數(shù)據(jù)集模板中并點(diǎn)擊菜單“生成-生成解決方案”,如下圖:
3、在aspx的webform上放一個(gè)ObjectDataSource控件,設(shè)定它的TypeName為剛剛建立的數(shù)據(jù)集類型,用它的向?qū)Ы⒓纯伞?BR>4、在aspx的webform上放一個(gè)Repeater控件,用它的向?qū)гO(shè)定它的DataSourceID為上面的ObjectDataSource
5、在網(wǎng)頁中設(shè)定它的源碼,即加上<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、運(yùn)行顯示的效果為:
- ASP.NET repeater添加序號(hào)列的方法
- asp.net Repeater取得CheckBox選中的某行某個(gè)值的c#寫法
- asp.net repeater手寫分頁實(shí)例代碼
- asp.net Repeater之非常好的數(shù)據(jù)分頁
- asp.net中讓Repeater和GridView支持DataPager分頁
- asp.net 遍歷repeater中的控件的幾種方式
- asp.net下Repeater使用 AspNetPager分頁控件
- asp.net repeater實(shí)現(xiàn)批量刪除
- asp.net Repeater控件的說明及詳細(xì)介紹及使用方法
- asp.net Repeater 數(shù)據(jù)綁定代碼
- JQuery實(shí)現(xiàn)Repeater無刷新批量刪除(附后臺(tái)asp.net源碼)
- 決定何時(shí)使用 DataGrid、DataList 或 Repeater(ASP.NET 技術(shù)文章)
- ASP.NET筆記之 Repeater的使用
- asp.net DataList與Repeater用法區(qū)別
- 詳解ASP.NET數(shù)據(jù)綁定操作中Repeater控件的用法
相關(guān)文章
ASP.NET編程中經(jīng)常用到的27個(gè)函數(shù)集
asp.net 整理的27個(gè)函數(shù)集,大家可以參考下2008-08-08分享AjaxPro或者Ajax實(shí)現(xiàn)機(jī)制
今天與大家分享AjaxPro或者Ajax實(shí)現(xiàn)機(jī)制,需要的朋友可以參考下。2011-12-12.Net Core實(shí)現(xiàn)圖片文件上傳下載功能
這篇文章主要為大家詳細(xì)介紹了.Net Core實(shí)現(xiàn)圖片文件上傳下載功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06ASP.NET Core 3.x 并發(fā)限制的實(shí)現(xiàn)代碼
這篇文章主要介紹了ASP.NET Core 3.x 并發(fā)限制的實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11在asp.NET 中使用SMTP發(fā)送郵件的實(shí)現(xiàn)代碼
本文簡(jiǎn)單介紹了SMTP協(xié)議(RFC2554)發(fā)送郵件的過程,并討論了在 .NET 中使用SMTP發(fā)送郵件由簡(jiǎn)到繁的三種不同方案、各自可能遇到的問題及其解決辦法2011-05-05ASP.net中保持頁面中滾動(dòng)條狀態(tài)的代碼
在ASP.Net頁面中,每次回發(fā)都會(huì)造成頁面回到頂部,那么怎樣讓它保持刷新頁面前的位置上,使得頁面提交后還在原來的位位置。2011-06-06