aspx repeater 用法_ASP.NET-----Repeater数据控件的用法总结
一、Repeater控件的用法流程及實例:
1、首先建立一個網站,新建一個網頁index.aspx。
2、添加或者建立APP_Data數據文件,然后將用到的數據庫文件放到APP_Data文件夾中。
3、打開數據庫企業管理器,數據庫服務器為local(.),然后將APP_Data文件夾中的數據庫附加到數據庫服務器中。
4、添加Ling to? SQL類。
5、打開視圖,服務器資源管理器,右擊數據庫服務器,選擇添加連接,然后選擇數據庫服務器、數據庫類型,及數據庫表,然后完成。
6、將需要用到的表,全部選中,然后拖動到.dbml為后綴的文件中,然后保存。到這一步,數據表的附加及與網站的連接就完成了。
目標:通過使用Repeater數據控件,讓數據表中的數據在表格中顯示。
1、添加樣式文件,然后在樣式文件中,書寫表格的樣式代碼。
2、在index.aspx的設計模式下,插入表格,通常插入兩行(一行為標題行,一行為內容行),因為Repeater控件會自動循環的。然后在源代碼界面中,將剛插入的表格的第一行的單元格改為,標題單元格,即將
改為。3、選中表格,然后選擇格式,然后選擇附加樣式表。接下來,需要將源代碼中的頭部中樣式代碼刪除,將行樣式刪除,并且書寫新建的樣式表中的類或這ID到表格中。
4、然后,將光標放到table前面,雙擊repeater控件,這樣Repeater控件的代碼就添加到了Table代碼的前面,然后分別為Repeater控件添加頭部模版(? )、列表模版()和尾部模版(??)。
注意:
頭部模版放置表格開始及第一行標題行(
插入表格時只需插入兩行即可,顯示數據時是根據數據庫表循環顯示的。項目模板,會進行循環顯示,放置表格第二行。
5、然后在標題行的單元格中書寫將要顯示的數據庫中字段的別名,在內容行的單元格中書寫數據庫中的字段名,方式為:
核心代碼為:
注意:
HTMl中插入其他代碼需要用括起來。
6、然后在index.aspx.cs的Page_Load()事件中綁定數據源。
核心代碼為:
public partial classcitynumber : System.Web.UI.Page
{
DataClassesDataContext dc= newDataClassesDataContext();protected void Page_Load(objectsender, EventArgs e)
{var query = from c in dc.city selectc;
Repeater1.DataSource=query;
Repeater1.DataBind();
}
}
7、運行index.aspx頁面即可看到數據庫中各字段信息。
二、通過Table顯示數據庫中的字段時,為字段添加超鏈接。
1、新建兩個頁面,index.aspx 頁面和Cities.aspx頁面。
index.aspx頁面代碼:
index.aspx.cs中的代碼:
public partial classindex : System.Web.UI.Page
{
DataClassesDataContext dc= newDataClassesDataContext();protected void Page_Load(objectsender, EventArgs e)
{var query = from c in dc.province selectc;
Repeater1.DataSource=query;
Repeater1.DataBind();
}
}
Cities.aspx頁面中的代碼:
Cities.aspx.cs頁面中的代碼:
public partial classCities : System.Web.UI.Page
{
DataClassesDataContext dc= newDataClassesDataContext();protected void Page_Load(objectsender, EventArgs e)
{int id =Convert.ToInt32(Request.QueryString["pro"].ToString());var query = from c in dc.city where c.proID == id selectc;
GridView1.DataSource=query;
GridView1.DataBind();
}
}
然后運行index.aspx頁面,通過單擊超鏈接就跳轉到了Cities.aspx,在該頁面顯示信息。
總結
以上是生活随笔為你收集整理的aspx repeater 用法_ASP.NET-----Repeater数据控件的用法总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: itext pdf转图片_图片转PDF怎
- 下一篇: fedora 安装oracle 12c,