(一).显示效果图
(二)代码
1.前台界面代码:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="数据绑定控件同时显示主表和子表数据.WebForm1" %>
<%@ Import Namespace="System.Data" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<!-- 绑定主表数据 -->
<asp:repeater id="myRepeater" runat="server">
<HeaderTemplate>
<table border="0" bgcolor="lightblue">
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="background-color: lightgray">
<b>
<%# DataBinder.Eval(Container.DataItem,"TypeID") %>
<%# DataBinder.Eval(Container.DataItem,"TypeName") %>
</b>
<br>
<!-- 绑定子表数据 -->
<asp:repeater id="childRepeater" datasource='<%# ((DataRowView)Container.DataItem)
.Row.GetChildRows("TypeRelation") %>' runat="server">
<itemtemplate>
<table border="0" bgcolor="#ffcc33">
<tr>
<td>
<%# DataBinder.Eval(Container.DataItem,"[\"TypeID\"]") %>
<%# DataBinder.Eval(Container.DataItem, "[\"TypeDetail\"]")%>
<br>
</td>
</tr>
</table>
</itemtemplate>
</asp:repeater>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:repeater>
</form>
</body>
</HTML>
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 数据绑定控件同时显示主表和子表数据
{
/// <summary>
/// 数据绑定控件同时显示主表和子表数据
/// </summary>
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);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
(三).示例下载
http://www.cnblogs.com/Files/ChengKing/DataRalationDisplay.rar
分享到:
相关推荐
3、打开“Word选项”-->“常用”选项-->右侧窗格中勾选“在功用区显现"开发工具"选项卡”复选项。 4、回到页面上方功用区,点击“开发工具”选项卡中“控件”功用组右下角地“旧式工具”按钮。 5、单击“其他控件...
用来在桌面和web应用程序的数据源中指定商业逻辑。True DataControl是一个ActiveX控件,它可以作为一个OLE DB/ADO数据源,用来构建应用程序。但它不仅仅是一个数据源,它是一个具有逻辑的数据源——代替了标准的数据...
m_cChartFx.GetBottomAxis()->GetLabel()->SetText(L"单位时间"); m_cChartFx.EnableRefresh(false); m_cChartFx.RemoveAllSeries();//先清空 pLineSerie1Fx = m_cChartFx.CreateLineSerie(); //创建一个曲线 ...
C#自定义控件(usercontrol)--美化单选按钮和复选按钮(测试可用)
Allow-Control-Allow-Origin最新谷歌跨域扩展插件下载
1. 请把 allow-control-allow-origin.crx 文件直接拖拉到扩展程序界面进行安装即可; 2. 如果浏览器显示程序包无效,可能浏览器版本导致的。请参考第三步; 3. 请把 allow-control-allow-origin.zip 文件直接拖拉到...
motor-control-with-arduino-a-case-study-in-design
C#自定义控件(usercontrol)--美化单选按钮和复选按钮
C#自定义控件(usercontrol)--美化单选按钮和复选按钮__0525.rar
打开keygen.exe ---> 在第一个框Team EDGE输入随便输入如:keygen --->Generate--->当前目录生成license.lic 从没成功安装的经验中总结出来的. 觉得好给个星星或评价,分自动退回,这也是诀窍哦!
.NET自定义控件(usercontrol)--美化单选按钮和复选按钮
在数据采集中,有的时候需要将采集数据以曲线的方式显示出来,MFC并没有提供容易使用的曲线显示控件,好在有好心人写了ChartCtrl控件,可以很方便的绘制曲线。 由于年代比较久远,使用VC2017的时候会有些警告,但是...
ListControl,重写ListControl控件类,可以根据自己的需要修改控件表头颜色。在VC6.0下调试成功。
allow-control-allow-origin.crx 和 allow-control-allow-origin.zip 安装说明: 1. 请把 allow-control-allow-origin.crx 文件直接拖拉到扩展程序界面进行安装即可; 2. 如果浏览器显示程序包无效,可能浏览器版本...
C#自定义控件(usercontrol)--美化单选按钮和复选按钮(0515).rar
谷歌跨域插件Access-Control-Allow-Origin