Nasýl yapýlýr: iç içe Repeater denetimleri ve Visual C#. NET'i kullanarak, hiyerar?ik verileri görüntüle

Üste

Ana tabloya baðlayýn.

1. Microsoft Visual Studio .NET'i baþlatýn.
2. Dosya menüsünde Yeni ' nin üzerine gelin ve sonra Project ' i týklatýn.
3. Project Types altýnda Visual C# Projects ' ý týklatýn ve ASP.NET Web uygulamasýþablonlarý altýnda týklatýn.
4. WebApplication Konum</a0> kutusunda silmek #) ve sonra da NestedRepeater türü. Yerel sunucuyu kullanýyorsanýz, sunucu adýný http://localhost býrakýn. Aþaðýdaki yolu konumu iletiþim kutusunda görüntülenir:
   http://localhost/ NestedRepeater
   Tamam ' ý týklatýn.
5. Solution ExplorerNestedRepeater proje adý düðümünü sað týklatýn, sonra da Ekle iþaret ve Web formu Ekle</a1>'ý týklatýn.
6. Web formu adlandýrmak için <a0></a0>, NestedRepeater yazýn ve Aç ' ý týklatýn.
7. Yeni Web formu oluþturulur. Tasarým görünümü içinde tümleþik geliþtirme ortamý (IDE), Microsoft Visual Studio. NET'in açýlýr. Araç, Repeater denetimi seçin ve ardýndan Web formu sayfaya sürükleyin.
8. Bu Repeater denetimin <a1>KIMLIK</a1> özelliðini parentRepeater için deðiþtirin.
9. Bu Web Form için <a2>HTML</a2> görünümüne geçin. Bunu yapmak için <a0></a0>, Tasarýmcý sol alt köþesindeki <a2>HTML</a2> sekmesini týklatýn. Aþaðýdaki HTML kodu Repeater denetimi oluþturur:

   <asp:Repeater id="parentRepeater" runat="server"></asp:Repeater>
   					

10. Repeater etiketlerinde aþaðýdaki kodu ekleyin:

    <itemtemplate>
         <b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>
    </itemtemplate>
    					

    Bunu sonra HTML kodunu Repeater þöyledir:

    <asp:Repeater id="parentRepeater" runat="server">
    	<itemtemplate>
    	     <b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>	
          </itemtemplate>
    </asp:Repeater>
    					

11. Solution Explorer'da (Çözüm Gezgini), NestedRepeater.aspx ' ý sað týklatýn ve sonra da NestedRepeater.aspx.cs arka planda kodlama dosyaya geçiþ yapmak için Kod Görüntüle ' yi týklatýn.
12. Aþaðýdaki ad alaný bildirimi dosyasýnýn en üstüne ekleyin:

    using System.Data;
    using System.Data.SqlClient;
    					

13. Page_Load olayý pubs veritabanýna bir baðlantý oluþturmak için aþaðýdaki kodu ekleyin ve sonra yazarlar tablosunu Repeater denetime baðlamak için:

          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; Integrated Security=SSPI");
             SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);
    
             //Create and fill the DataSet.
             DataSet ds = new DataSet();
             cmd1.Fill(ds,"authors");
             //Insert code in step 4 of the next section here.
             //Bind the Authors table to the parent Repeater control, and call DataBind.
             parentRepeater.DataSource = ds.Tables["authors"];
             Page.DataBind();
    
             //Close the connection.
             cnn.Close();
           }
    					

    Not: veritabaný baðlantý dizesi ortamýnýza uygun þekilde deðiþtirmeniz gerekebilir.
    
    
14. Tüm dosyalarý kaydedin.
15. Solution Explorer the NestedRepeater.aspx'ý sað týklatýn ve sonra da Baþlangýç sayfasý olarak ayarla'yý týklatýn.
16. Yapý) menüsünde Proje derlemeye Build Solution ' ý týklatýn.
17. .Aspx sayfasý tarayýcýda görüntülemek ve sayfayý böylece kadar çalýþtýðýný doðrulayýn.
    
    Çýktý aþaðýdaki gibi görünmelidir:
    • 1176 32 172
    • 213 46 8915
    • 238 95 7766
    • 267 41 2394
    • ...

Üste

Alt tablosu baðlayýn.

1. <a0>NestedRepeater.aspx</a0> sayfasýnýn <a1>HTML</a1> görünümünde aþaðýdaki kod satýrýný bulun:

   <b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>
   						

   Bu koddan sonra aþaðýdaki kodu ekleyin:
   

   <asp:repeater id="childRepeater" runat="server">
   		<itemtemplate>
   	            <%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>
   		</itemtemplate>
   </asp:repeater>
   						

   Bu yeni kod ikinci Repeater denetim Repeater denetimin üst <a1>ýtemtemplate</a1> özelliðini ekler.
2. DataSource özelliði için alt Repeater denetim kümesi gibi:

   <asp:repeater ... datasource='<%# ((DataRowView)Container.DataItem)
         .Row.GetChildRows("myrelation") %>' >
   					

   Repeater denetim için baðýmlý DataSource özelliði ayarladýktan sonra (üst ve alt) iki Repeater denetimler için HTML kodu aþaðýdaki gibi görünür:
   

   <asp:Repeater id="parentRepeater" runat="server">
   	<itemtemplate>
   		<b>
   		 <%# DataBinder.Eval(Container.DataItem, "au_id") %>
   		</b>
   		<br>
   		<asp:repeater id="childRepeater" runat="server" 
                       datasource='<%# ((DataRowView)Container.DataItem)
         .Row.GetChildRows("myrelation") %>' >
   			<itemtemplate>
   				<%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>	
   			</itemtemplate>
   		</asp:Repeater> 
   	</itemtemplate>
   </asp:Repeater>
   					

3. Aþaðýdaki sayfa yönergesi, sayfanýn en üstüne ekleyin:

   <%@ Import Namespace="System.Data" %>
   					

4. Arka planda kodlama sayfasýnda aþaðýdaki satýrda

   //Insert code in step 4 of the next section here.
   						

   yerine aþaðýdaki kodu:

            //Create a second DataAdapter for the Titles table.
            SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
            cmd2.Fill(ds,"titles");
   
            //Create the relation between the Authors and Titles tables.
            ds.Relations.Add("myrelation",
            ds.Tables["authors"].Columns["au_id"],
            ds.Tables["titles"].Columns["au_id"]);
   
   					

   This adds the Titles Table to the DataSet, and then adds the relationships Between the Authors and Titles Tables.
   
5. Kaydedin ve bu uygulamayý derleyin.
6. Sayfayý tarayýcýda görüntülemek ve sayfayý þu ana kadar çalýþýr durumda olduðundan emin olmak. Çýktý aþaðýdaki gibi görünmelidir:
   1176 32 172
   PS3333
   213 46 8915
   BU1032
   BU2075
   238 95 7766
   PC1035
   267 41 2394
   BU1111
   TC7777
   ...

Üste

Tam kod listesi

Nestedrepeater.aspx

<%@ Page language="c#" Codebehind="NestedRepeater.aspx.cs" AutoEventWireup="false" Inherits="NestedRepeater.NestedRepeater" %>
<%@ Import Namespace="System.Data" %>

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

<!-- start parent repeater -->
<asp:repeater id="parentRepeater" runat="server">
   <itemtemplate>
      <b><%# DataBinder.Eval(Container.DataItem,"au_id") %></b><br>

      <!-- start child repeater -->
      <asp:repeater id="childRepeater" datasource='<%# ((DataRowView)Container.DataItem)
      .Row.GetChildRows("myrelation") %>' runat="server">

         <itemtemplate>
            <%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>
         </itemtemplate>
      </asp:repeater>
      <!-- end child repeater -->

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

</form>
</body>
</html>
				

Nestedrepeater.aspx.cs

using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace NestedRepeater
{
   public class NestedRepeater : System.Web.UI.Page
   {
      protected System.Web.UI.WebControls.Repeater parentRepeater;
      public NestedRepeater()
      {
         Page.Init += new System.EventHandler(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; Integrated Security=SSPI ;");
         SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);

         //Create and fill the DataSet.
         DataSet ds = new DataSet();
         cmd1.Fill(ds,"authors");

         //Create a second DataAdapter for the Titles table.
         SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
         cmd2.Fill(ds,"titles");

         //Create the relation bewtween the Authors and Titles tables.
         ds.Relations.Add("myrelation",
         ds.Tables["authors"].Columns["au_id"],
         ds.Tables["titles"].Columns["au_id"]);

         //Bind the Authors table to the parent Repeater control, and call DataBind.
         parentRepeater.DataSource = ds.Tables["authors"];
         Page.DataBind();

         //Close the connection.
         cnn.Close();
      }
      private void Page_Init(object sender, EventArgs e)
      {
         InitializeComponent();
      }
      private void InitializeComponent()
      {    
         this.Load += new System.EventHandler(this.Page_Load);
      }
   }
}
				

Üste