Control Study -> 主表和子表数据同时在绑定控件显示(示例代码下载)

本文介绍了一种在Web应用程序中实现主表与子表数据绑定的方法,并提供了详细的代码示例。通过构造包含主表和子表的DataSet,利用ASP.NET的Repeater控件实现了数据的有效展示。
部署运行你感兴趣的模型镜像

(一).显示效果图

         

(二)代码

   1.前台界面代码:

       <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="数据绑定控件同时显示主表和子表数据.WebForm1" %>
<%@ Import Namespace="System.Data" %>


 
  WebForm1
  
  
  
   http://schemas.microsoft.com/intellisense/ie5">
 
 
  


   
   
    
     


     




     
        
      

       
        <%# DataBinder.Eval(Container.DataItem,"TypeID") %>
         
        <%# DataBinder.Eval(Container.DataItem,"TypeName") %>
       

       

       
       
        
         



          
           

              
            <%# DataBinder.Eval(Container.DataItem,"[/"TypeID/"]") %>
             
            <%# DataBinder.Eval(Container.DataItem, "[/"TypeDetail/"]")%>
            

           
                    
        
       
                    
    
   

  
 

  2. 后代代码

 using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace 数据绑定控件同时显示主表和子表数据
{
 ///


 /// 数据绑定控件同时显示主表和子表数据
 ///

 public class WebForm1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Repeater myRepeater;
  private void Page_Load(object sender, System.EventArgs e)
  {
   DataSet ds = new DataSet();
   
   //1.构造主表
   DataTable dtTypeParent=new DataTable();
   dtTypeParent.Columns.Add(new DataColumn("TypeID",typeof(int)));
   dtTypeParent.Columns.Add(new DataColumn("TypeName",typeof(string)));
   //给主表添加两条记录
   DataRow drParent1 = dtTypeParent.NewRow();
   drParent1["TypeID"] = 1; 
   drParent1["TypeName"] = "水果";   
   dtTypeParent.Rows.Add(drParent1);
   DataRow drParent2 = dtTypeParent.NewRow();
   drParent2["TypeID"] = 2; 
   drParent2["TypeName"] = "玩具";
   dtTypeParent.Rows.Add(drParent2);
   dtTypeParent.TableName="TypeParent";   
   dtTypeParent.PrimaryKey = new DataColumn[] {dtTypeParent.Columns["TypeID"]};
   ds.Tables.Add(dtTypeParent);
   
   //2.构造子表
   DataTable dtTypeChild=new DataTable();
   dtTypeChild.Columns.Add(new DataColumn("TypeID",typeof(int)));
   dtTypeChild.Columns.Add(new DataColumn("TypeDetail",typeof(string)));
   //给子表添加五条记录
   DataRow drChild1 = dtTypeChild.NewRow();
   drChild1["TypeID"] = 1; 
   drChild1["TypeDetail"] = "苹果";  
   dtTypeChild.Rows.Add(drChild1);
   DataRow drChild2 = dtTypeChild.NewRow();
   drChild2["TypeID"] = 1; 
   drChild2["TypeDetail"] = "桔子"; 
   dtTypeChild.Rows.Add(drChild2);
   DataRow drChild3 = dtTypeChild.NewRow();
   drChild3["TypeID"] = 1; 
   drChild3["TypeDetail"] = "香蕉";
   dtTypeChild.Rows.Add(drChild3);
   DataRow drChild4 = dtTypeChild.NewRow();
   drChild4["TypeID"] = 2; 
   drChild4["TypeDetail"] = "机器人";
   dtTypeChild.Rows.Add(drChild4);
   DataRow drChild5 = dtTypeChild.NewRow();
   drChild5["TypeID"] = 2; 
   drChild5["TypeDetail"] = "小汽车";
   dtTypeChild.Rows.Add(drChild5);
   dtTypeChild.TableName="TypeChild";  
   ds.Tables.Add(dtTypeChild);

   ds.Relations.Add("TypeRelation",
    ds.Tables["TypeParent"].Columns["TypeID"],
    ds.Tables["TypeChild"].Columns["TypeID"]);
   
   myRepeater.DataSource = ds.Tables["TypeParent"];
   Page.DataBind();      
  }


  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  ///


  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  ///

  private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 }
}

(三).示例下载

    http://www.cnblogs.com/Files/ChengKing/DataRalationDisplay.rar

  



Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=538128


您可能感兴趣的与本文相关的镜像

Wan2.2-T2V-A5B

Wan2.2-T2V-A5B

文生视频
Wan2.2

Wan2.2是由通义万相开源高效文本到视频生成模型,是有​50亿参数的轻量级视频生成模型,专为快速内容创作优化。支持480P视频生成,具备优秀的时序连贯性和运动推理能力

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值