熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

使用嵌套的Repeater控件顯示分級數據

2013-11-13 12:21:23  來源: .NET編程 

  簡介

  本文描述如何使用嵌套的Repeater 控件來顯示分級數據 當然了你也可以將這一技術應用到其他的列表綁定控件上去比如DataGrid包含DataGridDataList包含DataList等等的組合

  綁定到父表

  添加一個新的Web Form 到應用程序項目中名稱為Nestedrepeateraspx

  從工具箱托動一個Repeater 控件到這個頁面上 設定其ID 屬性為 parent

  切換到HTML 視圖

  選中下列<itemtemplate> 代碼復制到Repeater 控件對應的位置注意粘貼的時候請使用粘貼為html功能這些語句包含了數據綁定語法很簡單

<itemtemplate>
<b><%# DataBinderEval(ContainerDataItem au_id) %></b><br>
</itemtemplate>

  打開Nestedrepeateraspxcs 這個代碼分離文件降下列代碼添加到Page_Load 事件中其作用是建立一個到 Pubs (這個數據庫是sql server的演示數據庫另外在安裝net framework sdk的時候也會安裝這個數據庫)數據庫的連接並綁定Authors 表到Repeater 控件

public void Page_Load()
{
 SqlConnection cnn = new SqlConnection(server=(local);database=pubs;uid=sa;pwd=;);
 SqlDataAdapter cmd = new SqlDataAdapter(select * from authorscnn);
  DataSet ds = new DataSet();
  cmdFill(dsauthors);

  //這裡將要插入子表的數據綁定

  parentDataSource = dsTables[authors];
  PageDataBind();
 cnnClose();
}
 

  在文件的頭部添加下面的名稱空間
  using SystemDataSqlClient;

  根據你自己的情況修改一下連接字符串

  保存並編譯應用程序

  在浏覽器中打開這個頁面輸出結果類似於下面的格式





 

  綁定到子表

  在頁面的HTML視圖中添加下列代碼其目的是增加子Repeater 控件到父Repeater的項目模板中形成嵌套

<asp:repeater id=child runat=server
<itemtemplate>
<%# DataBinderEval(ContainerDataItem [\title_id\]) %><br>
</itemtemplate>
</asp:repeater>

  設置子Repeater 控件的DataSource 屬性:

<asp:repeater datasource=<%# ((DataRowView)ContainerDataItem)
RowGetChildRows(myrelation) %>

  在頁面頂部添加下列指令(請注意是在aspx文件中):

  <%@ Import Namespace=SystemData %>

  在cs文件中將Page_Load中的注釋部分(//這裡將要插入子表的數據綁定)替換成下列代碼:

SqlDataAdapter cmd = new SqlDataAdapter(select * from titleauthorcnn);
cmdFill(dstitles);
dsRelationsAdd(myrelation
dsTables[authors]Columns[au_id]
dsTables[titles]Columns[au_id]);

  保存並編譯應用程序
  在浏覽器中察看修改後的頁面顯示格式類似於下面的格式:


PS

BU
BU

PC

BU
TC
 

  完整的代碼

Nestedrepeateraspx
<%@ Page Language=C# Inherits=yourprojectnamenestedrepeater %>
<%@ Import Namespace=SystemData %>

<html>
<body>
<form runat=server>

<! start parent repeater
<asp:repeater id=parent runat=server
  <itemtemplate>
   <b><%# DataBinderEval(ContainerDataItemau_id) %></b><br>

   <! start child repeater
   <asp:repeater id=child datasource=<%# ((DataRowView)ContainerDataItem)
RowGetChildRows(myrelation) %> runat=server
    <itemtemplate>
      <%# DataBinderEval(ContainerDataItem [\title_id\])%><br>
     </itemtemplate>
   </asp:repeater>
   <! end child repeater

 </itemtemplate>
</asp:repeater>
<! end parent repeater

</form>
</body>
</html>
Nestedrepeateraspxcs
using System;
using SystemData;
using SystemDataSqlClient;
using SystemWeb;
using SystemWebSessionState;
using SystemWebUI;
using SystemWebUIWebControls;

namespace yourprojectname
{
 public class nestedrepeater : SystemWebUIPage
  {
   protected SystemWebUIWebControlsRepeater parent;
   public nestedrepeater()
   {
     PageInit += new SystemEventHandler(Page_Init);
   }
   public void Page_Load(object sender EventArgs e)
   {
     //Create the connection and DataAdapter for the Authors table
     SqlConnection cnn = new SqlConnection(server=(local);database=pubs;uid=sa;pwd=;);
     SqlDataAdapter cmd = new SqlDataAdapter(select * from authorscnn);

     //Create and fill the DataSet
     DataSet ds = new DataSet();
     cmdFill(dsauthors);

     //Create a second DataAdapter for the Titles table
     SqlDataAdapter cmd = new SqlDataAdapter(select * from titleauthorcnn);
     cmdFill(dstitles);

     //Create the relation bewtween the Authors and Titles tables
     dsRelationsAdd(myrelation
     dsTables[authors]Columns[au_id]
     dsTables[titles]Columns[au_id]);

     //Bind the Authors table to the parent Repeater control and call DataBind
     parentDataSource = dsTables[authors];
     PageDataBind();

     //Close the connection
     cnnClose();
   }
   private void Page_Init(object sender EventArgs e)
   {
     InitializeComponent();
   }
   private void InitializeComponent()
   {
    thisLoad += new SystemEventHandler(thisPage_Load);
   }
  }


From:http://tw.wingwit.com/Article/program/net/201311/15734.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.