Repeater显示父子表数据

最新推荐文章于 2018-08-11 01:59:02 发布
最新推荐文章于 2018-08-11 01:59:02 发布
阅读量745 收藏
点赞数
分类专栏： ASP.NET

转载：http://www.66test.com/Content/2344032.html


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Repeater.aspx.cs" Inherits="RepeaterTest.Repeater" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Reapter展示父子表实例</title>
    <script type="text/javascript">
        function expand(obj,classid)
        {
            var objrow=document.getElementById("row_" +classid);
            if (obj.innerHTML=="+")
            {
                obj.innerHTML="-";
                objrow.style.display="";
            }
            else
            {
                obj.innerHTML="+";
                objrow.style.display="none";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        有闪烁实例:<br />
        <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand" OnItemDataBound="Repeater1_ItemDataBound">
            <HeaderTemplate>
                <table border="1px" cellpadding="3" cellspacing="0">
                    <tr>
                        <td>
                            展开/闭合</td>
                        <td>
                            ClassID</td>
                        <td>
                            ClassName</td>
                        <td>
                            tname</td>
                    </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td>
                        <asp:LinkButton ID="btnExpand" runat="server" CommandArgument='<% #Eval("ClassID")%>'
                            CommandName="expand" Font-Underline="False" Text="+"></asp:LinkButton>
                    </td>
                    <td>
                        <%#DataBinder.Eval(Container.DataItem, "ClassID")%>
                    </td>
                    <td>
                        <%#DataBinder.Eval(Container.DataItem, "ClassName")%>
                    </td>
                    <td>
                        <%#DataBinder.Eval(Container.DataItem, "tname")%>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <asp:GridView ID="grid1" runat="server" Visible="false" BorderWidth="1px" CellPadding="2" CellSpacing="0" AutoGenerateColumns="false" Width="100%" BackColor="lightBlue" BorderColor="Beige">
                            <Columns>
                                <asp:BoundField DataField="StuID" HeaderText="学生id" />
                                <asp:BoundField DataField="StuName" HeaderText="学生姓名" />
                                <asp:BoundField DataField="Age" HeaderText="年龄" />
                                <asp:BoundField DataField="Gender" HeaderText="性别" />
                            </Columns>
                        </asp:GridView>
                    </td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>
        <br />
        <br />
        无闪烁实例:<br />
        <asp:Repeater ID="Repeater2" runat="server" OnItemDataBound="Repeater2_ItemDataBound">
            <HeaderTemplate>
                <table id="table2" border="1px" cellpadding="3" cellspacing="0">
                    <tr>
                        <td>
                            展开/闭合</td>
                        <td>
                            ClassID</td>
                        <td>
                            ClassName</td>
                        <td>
                            tname</td>
                    </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td>
                        <span style="cursor:pointer;" οnclick="expand(this,'<%# Eval("ClassID") %>');">+</span>
                    </td>
                    <td>
                        <asp:Label ID="lblclassid" runat="server" Text='<%# Eval("ClassID") %>'></asp:Label>
                    </td>
                    <td>
                        <%#DataBinder.Eval(Container.DataItem, "ClassName")%>
                    </td>
                    <td>
                        <%#DataBinder.Eval(Container.DataItem, "tname")%>
                    </td>
                </tr>
                <tr style="display:none;" id='row_<%# Eval("ClassID") %>'>
                    <td colspan="4">
                        <asp:GridView ID="grid2" runat="server" Visible="true" BorderWidth="1px" CellPadding="2" CellSpacing="0" AutoGenerateColumns="false" Width="100%" BackColor="lightBlue" BorderColor="Beige">
                            <Columns>
                                <asp:BoundField DataField="StuID" HeaderText="学生id" />
                                <asp:BoundField DataField="StuName" HeaderText="学生姓名" />
                                <asp:BoundField DataField="Age" HeaderText="年龄" />
                                <asp:BoundField DataField="Gender" HeaderText="性别" />
                            </Columns>
                        </asp:GridView>
                    </td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>

</html>

//

 public partial class Repeater : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                this.bind();
            }
        }


        private DataSet dataSource
        {
            get
            {
                if (ViewState["ds"] != null)
                {
                    return (DataSet)ViewState["ds"];
                }
                else
                {
                    DataSet ds = DataSource.GetDataSet();
                    ViewState["ds"] = ds;
                    return ds;
                }
            }
        }


        private void bind()
        {
            DataSet ds = this.dataSource;
            
            this.Repeater1.DataSource = ds.Tables["tbclass"];
            this.Repeater1.DataBind();


            this.Repeater2.DataSource = ds.Tables["tbclass"];
            this.Repeater2.DataBind();
        }


        protected void Repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
        {
            if (e.CommandName == "expand")
            {
                LinkButton btn = (LinkButton)e.CommandSource;
                GridView grid =(GridView)btn.Parent.FindControl("grid1");
                if (btn.Text == "+")
                {
                    btn.Text = "-";
                    grid.Visible = true;
                }
                else
                {
                    btn.Text = "+";
                    grid.Visible = false;
                }
            }
        }


        protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            DataTable dt = this.dataSource.Tables["tbstu"];
            LinkButton objButton = (LinkButton)e.Item.FindControl("btnExpand");
            if (objButton != null && objButton.CommandArgument !="")
            {
                string classID = objButton.CommandArgument;
                dt.DefaultView.RowFilter = "ClassID=" + classID;
                DataTable dtStu = dt.DefaultView.ToTable();


                GridView grid = (GridView)e.Item.FindControl("grid1");
                grid.DataSource = dtStu;
                grid.DataBind();
            }
        }


        protected void Repeater2_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            DataTable dt = this.dataSource.Tables["tbstu"];
            Label objlbl = (Label)e.Item.FindControl("lblclassid");
            if (objlbl != null && objlbl.Text != "")
            {
                string classID = objlbl.Text;
                dt.DefaultView.RowFilter = "ClassID=" + classID;
                DataTable dtStu = dt.DefaultView.ToTable();


                GridView grid = (GridView)e.Item.FindControl("grid2");
                grid.DataSource = dtStu;
                grid.DataBind();
            }
        }
    }


 public class DataSource
    {
        public static DataSet GetDataSet()
        {
            DataSet ds = new DataSet();
            
            DataTable dtClass = new DataTable("tbclass");
            dtClass.Columns.Add("ClassID", typeof(int));
            dtClass.Columns.Add("ClassName", typeof(string));
            dtClass.Columns.Add("tname", typeof(string));

            dtClass.Rows.Add(new object[] { 1,"一班","赵老师"});
            dtClass.Rows.Add(new object[] { 2, "二班", "钱老师" });
            dtClass.Rows.Add(new object[] { 3, "三班", "孙老师" });
            dtClass.Rows.Add(new object[] { 4, "四班", "李老师" });
            ds.Tables.Add(dtClass);


            DataTable dtStu = new DataTable("tbstu");
            dtStu.Columns.Add("StuID", typeof(int));
            dtStu.Columns.Add("StuName", typeof(string));
            dtStu.Columns.Add("Age", typeof(int));
            dtStu.Columns.Add("Gender", typeof(string));
            dtStu.Columns.Add("ClassID", typeof(int));

            dtStu.Rows.Add(new object[] { 1, "a1",22,'M',1 });
            dtStu.Rows.Add(new object[] { 2, "a2", 22, 'F', 1 });
            dtStu.Rows.Add(new object[] { 3, "a3", 22, 'M', 1 });
            dtStu.Rows.Add(new object[] { 4, "a4", 22, 'F', 1 });
            dtStu.Rows.Add(new object[] { 5, "b1", 22, 'M', 2 });
            dtStu.Rows.Add(new object[] { 6, "b2", 22, 'F', 2 });
            dtStu.Rows.Add(new object[] { 7, "b3", 22, 'M', 2 });
            dtStu.Rows.Add(new object[] { 8, "c1", 22, 'F', 3 });
            dtStu.Rows.Add(new object[] { 9, "c2", 22, 'M', 3 });
            dtStu.Rows.Add(new object[] { 10, "c3", 22, 'F', 3 });
            ds.Tables.Add(dtStu);

            //ds.Relations.Add(ds.Tables["tbclass"].Columns["ClassID"], ds.Tables["tbstu"].Columns["ClassID"]);
            return ds;

        }
    }

Neil2013
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Repeater表头排序，Repeater嵌套
12-05
Repeater表头自定义排序； Repeater嵌套Repeater。
asp.net Repeater显示父子表数据,无闪烁
10-29
本示例中，开发者面临的问题是，在使用Repeater显示父子表结构时，当用户展开或关闭子表数据时，页面会出现闪烁现象，影响用户体验。为解决这个问题，开发者采取了一种方法来实现无闪烁的效果，并在本文中分享了实现...
Repeater显示主从表(父子表)
weixin_30549657的博客
10-15 183
因为现在这个项目有很多个下拉框供客户选择的，如果是静态的添加这么多个下拉框的话，我想这是一项很大的工程，为了证明我不是有空口说白话，有图为证 这那只是一小部分的，还有n多个类似的下拉框，所以我想到了用主从表的形式把这个显示出来。主从表这个家伙之前没有用过，不知道如何用，园子里找了一下，发现Kangaroo 仁兄的这篇文章写的不错repeater显示主从表关系 在这里我想对里面的小小地...
DataRelation 实现父子表 父子级 Repeater的嵌套使用
langxiaodi的专栏
09-24 825
    if (!IsPostBack)        {            using (OleDbConnection con = new OleDbConnection(cn))            {                DataSet ds = new DataSet();                OleDbDataAdapter
Repeater嵌套Repeater显示数据——三层架构版
赵兵的IT博客
08-11 616
第一步： 外层Repeater正常绑定数据源，然后在要显示多 行那一列再添加一个Repeater， 第二步： 在第一个Repeater里面找到ItemDataBound 事件，在里面写绑定的数据代码。 如下 protected void Repeater_quanbu_ItemDataBound(object sender, RepeaterItemEventArgs e)     ...
父子下拉选择菜单
Insus.NET
11-11 1750
在较早之前,就录制了一个asp.net的父子下拉选择菜单(入门级)视频,现在我上传于资源中心.供大家下载, 下载地址:http://download.csdn.net/source/282546 
Repeater数据显示及分页
11-23
在ASP.NET Web应用程序开发中，`Repeater`控件是一个非常灵活的数据绑定控件，用于显示数据源中的数据。它不提供内置的样式或布局，但允许开发者通过自定义模板来实现高度定制化的数据呈现。本篇文章将深入探讨`...
Repeater 显示5条数据
03-16
在这个场景中，"Repeater 显示5条数据"是指使用Repeater控件来展示数据源中的前五条记录。 **Repeater控件基本使用** Repeater控件不提供内置的样式或分页功能，它的主要任务是遍历数据源并为每一项生成指定的模板...
Repeater对数据进行格式化处理
10-27
最近不止一个同学，问我在Repeater里怎么格式化数据，怎么处理。因为Repeater 属于服务器端控件。要么利用本身的控件事件来处理，要么在数据源上处理。
asp.net treeview 控件父子节点级联选中
weixin_30387423的博客
04-08 142
一、使用方法<asp:TreeViewID="MenuTree"runat="server"ShowCheckBoxes="All"></asp:TreeView><scripttype="text/javascript"language="javascript">...
基于WEB的Grid控件控件显示父子表数据
weixin_30799995的博客
05-08 233
前台页面代码: <%@Pagelanguage="c#"Codebehind="DataGridMasterFrom.aspx.cs"AutoEventWireup="false"Inherits="CommonFunction.DataGridMasterFrom"%><!DOCTYPEHTMLPUBLIC"-/...
ASP.NET父子視窗的應用，利用子視窗的Gridview選取一個值，傳回父視窗
Jane
01-18 2015
 A.aspx 未命名頁面   A.aspx.csusing System;using System.Data;using System.Configuration;using System.Collections;using Syste
GridView， Repeater进阶用法
weixin_30505485的博客
07-25 87
1.Gridview中当设置自动生成列时对列中字段使用 html代码显示 绑定时设置 2. 选择 //前台 AutoGenerateSelectButton="true" //后台 if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.A...
Gridview的AutoGenerateColumns属性
Finder_Way
10-18 4225
从工具箱拖动一个gridview，直接在源代码里面添加下面的代码          gridview竟然变成这个鸟样：  只有自己添加的那列...（抱歉，因为图的问题，加了几笔凑足5k而已） 再看看整个gridview的源代码：
Repeater控件通过列索引绑定数据
止水
10-29 854
通过列名绑定数据：    通过列索引绑定数据：
用Repeater控件显示数据
zgqtxwd的专栏
04-24 624
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
qml将repeater数据角度均匀的放在rectangle上
最新发布
07-27
您可以使用QML中的RotationAnimation属性来实现将Repeater数据在Rectangle上均匀分布的效果。以下是一个示例代码： ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 Item { width: 400 height: 400 Rectangle { width: 100 height: 100 color: "lightblue" Repeater { model: 6 // 假设有6个数据需要展示 delegate: Rectangle { width: 50 height: 50 color: "orange" x: parent.width / 2 - width / 2 y: parent.height / 2 - height / 2 transform: Rotation { id: rotation origin.x: width / 2 origin.y: height / 2 axis.x: 0 axis.y: 0 axis.z: 1 angle: index * (360 / model.count) } Behavior on transform { RotationAnimation { duration: 1000 } } } } } } ``` 在这个示例中，我们使用了一个Repeater来创建6个Rectangle，并将它们放置在一个父级的Rectangle中。每个子级Rectangle的位置通过设置x和y属性来定位在父级Rectangle的中心位置。 为了使子级Rectangle均匀分布，我们使用了一个Rotation变换，通过计算每个子级Rectangle的索引与总数之比，并将其转换为对应的角度。这样，每个子级Rectangle就会绕z轴旋转到相应的角度位置。 为了实现动画效果，我们使用了一个RotationAnimation行为，将变换的角度在1秒钟的时间内平滑过渡。 您可以根据自己的需求调整代码中的数值和样式。希望对您有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值