webForm数据绑定控件的嵌套

最新推荐文章于 2019-10-12 14:56:16 发布
最新推荐文章于 2019-10-12 14:56:16 发布
阅读量597 收藏
点赞数
分类专栏： Asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bladeblue/article/details/8182697
版权
  有时候不得不在数据绑定控件中嵌套数据绑定控件来完成要求的数据显示效果 .公司在做一个商城的项目,有个页面的要求如图所示.

    我很使劲儿的想了想,貌似只能嵌套数据控件了.外部的控件(简称为Repeater1)直接指定DataSource就可以了,但是内部数据控件(Repeater2)的DataSource的在父控件每次迭代时都需要变化,就不是单纯的指定一下就可以的事了.
 我有很使劲儿的想了想, 数据绑定控件貌似都有一个ItemDataBound事件,每次迭代数据前都会触发,只要在Repeater1的ItemDataBound事件中, 按照当前迭代的Item,指定Repeater2的DataSource就可以了.
 可以通过e.Item.ItemType判断当前迭代的是哪一项(Item或者HeaderItem或其他.)
 e.Item.FindControl("[id]")可以获得指定的Repeater1中的控件.
 e.Item.DataItem可以得到当前项的数据.可以是DataRow,也可以是一个类的实体.

 

演示的代码如下:

先定义两个用于展示数据的实体:

/// <summary>
    /// 订单实体类
    /// </summary>
    public class ModelOrder
    {
        public string OrderId { get; set; }
        public string OrderNum { get; set; }
        public string OrderTime { get; set; }
        public string OrderPrice { get; set; }
        public string ShouPeople { get; set; }
        public string OrderState { get; set; }
    }
    /// <summary>
    /// 物品实体类
    /// </summary>
    public class ModelGood
    {
        public string OrderId { get; set; }
        public string GoodImg { get; set; }
        public string GoodName { get; set; }
        public string GoodType { get; set; }
        public string GoodPrice { get; set; }
        public string GoodQuantity { get; set; }
    }


 

aspx页面:

<asp:Repeater ID="rpOrder" runat="server" OnItemDataBound="rpOrder_ItemDataBound">
                <ItemTemplate>
                    <table border="0" cellpadding="0" cellspacing="0" class="OrderTable">
                        <tr>
                            <td width="268" height="31" class="t1" colspan="3">
                                <div class="p_box">
                                    <p class="p1">
                                        订单编号：<%#Eval("OrderNum") %></p>
                                    <p class="p1">
                                        下单时间：<%#Eval("OrderTime") %></p>
                                    <p class="p1">
                                        订单金额：<span class="redBold"><%#Eval("OrderPrice") %></span></p>
                                    <p class="p2">
                                        收货人：<%#Eval("ShouPeople") %></p>
                                    <div class="clear">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="546" class="brt">
                                <table border="0" cellpadding="0" cellspacing="0" class="OrderTable_child">
                                    <asp:Repeater ID="rpGoods" runat="server">
                                        <ItemTemplate>
                                            <tr>
                                                <td width="72" height="90">
                                                    <div class="imgBox">
                                                        <img src='<%#Eval("GoodImg") %>' /></div>
                                                </td>
                                                <td width="196" class="brt">
                                                    <div class="a1">
                                                        <a href="#">
                                                            <%#Eval("GoodName") %></a></div>
                                                </td>
                                                <td width="96" class="brt">
                                                    <%#Eval("GoodType") %>
                                                </td>
                                                <td width="92" class="brt">
                                                    <%#Eval("GoodPrice") %>
                                                </td>
                                                <td>
                                                    <%#Eval("GoodQuantity") %>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </table>
                            </td>
                            <td width="186" class="brt">
                                <%#Eval("OrderState") %>
                            </td>
                            <td width="81">
                                <p class="P_style">
                                    <a href="#">付款</a></p>
                                <p class="P_style">
                                    <a href="#">查看订单</a></p>
                                <p class="P_style">
                                    <a href="#">取消订单</a></p>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:Repeater>


 

在OnPageLoad中模拟数据,并且绑定Repeater1的数据源:

protected void Page_Load(object sender, EventArgs e)
        {
           
            //用于展示数据
            listOrder.Add(new ModelOrder()
                {
                    OrderId = "1",
                    OrderNum = "123456",
                    OrderTime = "2012-10-26 8:40",
                    OrderPrice = "384:00",
                    ShouPeople = "张小三",
                    OrderState = "手机出库，待收货付款"
                });
            listOrder.Add(new ModelOrder()
                {
                    OrderId = "2",
                    OrderNum = "123456",
                    OrderTime = "2012-10-26 8:40",
                    OrderPrice = "384:00",
                    ShouPeople = "张小三",
                    OrderState = "手机出库，待收货付款"
                });
            

            //用于展示数据
            listGood.Add(new ModelGood() { 
                OrderId = "1",
                GoodImg = @"images/goods_50x50.jpg",
                GoodName ="移动电源5200mAh，LED显示灯",
                GoodType = "普通",
                GoodPrice = "199.00",
                GoodQuantity = "1"
            });
            listGood.Add(new ModelGood()
            {
                OrderId = "1",
                GoodImg = @"images/goods_50x50.jpg",
                GoodName = "移动电源5200mAh，LED显示灯",
                GoodType = "普通",
                GoodPrice = "199.00",
                GoodQuantity = "1"
            });
            listGood.Add(new ModelGood()
            {
                OrderId = "1",
                GoodImg = @"images/goods_50x50.jpg",
                GoodName = "移动电源5200mAh，LED显示灯",
                GoodType = "普通",
                GoodPrice = "199.00",
                GoodQuantity = "1"
            });
            listGood.Add(new ModelGood()
            {
                OrderId = "2",
                GoodImg = @"images/goods_50x50.jpg",
                GoodName = "移动电源5200mAh，LED显示灯",
                GoodType = "普通",
                GoodPrice = "199.00",
                GoodQuantity = "1"
            });
            listGood.Add(new ModelGood()
            {
                OrderId = "2",
                GoodImg = @"images/goods_50x50.jpg",
                GoodName = "移动电源5200mAh，LED显示灯",
                GoodType = "普通",
                GoodPrice = "199.00",
                GoodQuantity = "1"
            });
            rpOrder.DataSource = listOrder;
           rpOrder.DataBind();
        }


 

在Repeater1的ItemDataBound事件中,切换Repeater2的DataSource:

	/// <summary>
        /// 订单Repeater的ItemDataBound事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void rpOrder_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
            {
                Repeater rp = e.Item.FindControl("rpGoods") as Repeater;
                //取得与当前RepeaterItem关联的数据项
                ModelOrder modelOrder = e.Item.DataItem as ModelOrder;
                var list = from good in listGood
                           where good.OrderId == modelOrder.OrderId
                           select good;
               
                rp.DataSource = list.ToList<ModelGood>();
                rp.DataBind();
            }
        }


 

在ListView中,写的方法有点不同:

 protected void lvVipList_ItemDataBound(object sender, ListViewItemEventArgs e)
        {
            if (e.Item.ItemType == ListViewItemType.DataItem)
            {
                ListViewDataItem lvDataItem = (ListViewDataItem)e.Item;
                DataRowView drv = (DataRowView)lvDataItem.DataItem;
                DataRow dr = drv.Row;
                Image imgEmail = (Image)e.Item.FindControl("imgIsEmailValidate");
                Image imgMobile = (Image)e.Item.FindControl("imgIsMobileValidated");
                if (!(dr["IsEmailValidate"] is DBNull) && Convert.ToBoolean(dr["IsEmailValidate"]) == true)
                    imgEmail.ImageUrl = "images/true.jpg";
                else
                    imgEmail.ImageUrl = "images/false.jpg";
                if (!(dr["IsMobileValidated"] is DBNull) && Convert.ToBoolean(dr["IsMobileValidated"]) == true)
                    imgMobile.ImageUrl = "images/true.jpg";
                else
                    imgMobile.ImageUrl = "images/false.jpg";
            }

        }


 

bladeblue
关注
专栏目录
【ASP.NET】第八课——GridView 控件的编辑功能优化，GridView控件中嵌套DropDownList控件
王迪
08-05 3482
知识点：掌握 GridView 的编辑、高亮显示的功能 、掌握 DetailsView 控件的数据展示、编辑和添加功能。 【ASP.NET】第七课——数据绑定和 GridView 控件的使用重点学习了 ASP.NET 中数据绑定的概念、数据绑定控件 GridView 的基本用法。使用它 能快速展示数据，并且能实现分页、删除操作。 GridView 的功能很强大，除了能分页、删除外，我们将继续学习它的编辑和高亮显示的 功能。GridView 的编辑如同 Exc...
webForm中数据绑定控件的嵌套
阿哲的博客
11-14 784
有时候不得不在数据绑定控件中嵌套数据绑定控件来完成要求的数据显示效果 .公司在做一个商城的项目,有个页面的要求如图所示.     我很使劲儿的想了想,貌似只能嵌套数据控件了.外部的控件(简称为Repeater1)直接指定DataSource就可以了,但是内部数据控件(Repeater2)的DataSource的在父控件每次迭代时都需要变化,就不是单纯的指定一下就可以的事了.  我有很使劲儿的想
Asp.net Webform 数据源绑定控件的扩展(懒人的办法)：DropDownList
diaomeng8936的博客
03-17 218
开篇的废话 实现的功能 源代码 小结 开篇的废话 在北京回老家已经一年了，今天入职第七天。工作已近有一个多星期了，还是做老本行，码农！虽然跟正式码农的日子告别有一段时间了，但是小菜的技术始终没放下。谈谈入职后的感觉，公司所有员工加起来都40+的人吧。在我们这个不入流的小城市里面算是不小的私人企业，置于我们的开发部，算上经理也有9个人了。但是公司的技术，小菜实在...
webform用户控件
weixin_30569001的博客
06-08 129
一，用户控件与页面的区别 1.扩展名：用户控件——.ascx 页面——.aspx 2.内容：页面有完整的HTML标记，用户控件没有 3.声明指示符：页面<%@ Page ...%> 用户控件<%@ Control ...%> 4.类的派生：页面派生自Page，用户控件派生自UserControl 5.页面可以独立运行，用户控件不能，它只能放在页面中才能运行 ...
关于webform中控件的列表数据的绑定
伊人回眸泪倾城的博客
07-06 1034
1、使用这些控件的方法主要是以下步骤；
Webform用户控件
weixin_33809981的博客
08-10 156
用户控件一 用户控件二 转载于:https://www.cnblogs.com/981971554nb/p/4718187.html
js脚本获取webform服务器控件的方法
10-25
在实际应用中，可能还会遇到控件嵌套的情况，当父控件ID发生变化时，子控件的ID也会跟着变化，这时`ClientID`同样可以确保JavaScript获取到正确的引用。此外，如果页面上有多个相同类型的控件，`ClientID`也会保证每...
asp.net webform冻结列 冻结表头 复杂表头
最新发布
07-04
3. **服务器端代码**：在ASP.NET WebForm中，服务器端代码通常用于处理数据绑定和事件处理。如果数据是动态生成的，我们需要在服务器端创建一个数据源控件（如`GridView`或`Repeater`），并设置其属性来支持冻结列。...
ASP.NET套用母版页的页面控件遍历
10-10
在处理复杂的交互或数据绑定时，有时需要遍历页面上的所有控件，包括母版页和内容页中的控件。本篇文章将深入探讨如何在ASP.NET中实现这一功能。 1. 母版页的概念与作用： - 母版页提供了一种统一的方式，为多个...
ASP.NET用Repeater控件显示数据
linewave的专栏
08-27 3473
ASP.NET中数据访问控件比较    --不尽知用兵之害者，则不能尽知用兵之利也      2005年12月22日 ASP.NET提供了组件的编程模型，我们可以像使用vb和delph一样通过简单拖拽就能生成想要的页面，这些都依赖于asp.net的服务器控件。asp.net内置的很多功能十分强大的数据控件，这些控件有哪些优缺点，我们该怎样选择使用哪个框架。我们从以下几个方面进行比较分析，然后简单总
asp.net repeater 循环嵌套
wmqdn的专栏
03-30 1311
'>             " onclick="GetLink('..', this);">
Asp.net 嵌套数据绑定 repeater 主从数据嵌套【转】
weixin_30244681的博客
08-03 85
Asp.net嵌套数据绑定repeater主从数据嵌套(2009-02-08 15:58:57) 转载 标签： 杂谈 分类：Asp.net 自动获取数据库中的主从关系数据，以下是获取省份及省份对应的城市，代码如下： 嵌套数据绑定repeater主从数据嵌套" style="BORDER-TOP-WIDTH: 0px; PADDING-RIGH...
asp.net中Repeater嵌套绑定的方法(使用两个Repeater做子类别绑定)
pyman hall
08-14 897
这篇文章主要讲解了在asp.net中Repeater控件嵌套绑定的问题，一般我们用两个Repeater控件嵌套绑定来实现类别和类别下信息的绑定。 在一般的网站中浏览类别的用户控件通常都位于大多数 ASP.NET 页的左边，它使用户能够按类别快速的查找产品。最近遇到一个客户，因为在他网站上展示的产品并不多，所以要求在原有类别浏览的基础上将产品也加进去。一来更方便，二来加长了左部导航栏的长度使页面更协调。原有的分类导航栏是由Repeater实现的，现在需要在每一个分类下加入该类的商品信息，于是我想到了在原有
浅谈WebForm中DataGrid的ItemDataBound事件
doubon's column
02-28 1565
　　当项被数据绑定到 DataGrid 控件后，将引发 ItemDataBound 事件。此事件提供了在客户端显示数据项之前访问该数据项的最后机会。利用DataGrid的ItemDataBound事件，我们可以轻松实现一些实用的功能。 private void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
WebForm简单控件数据绑定
pipp的专栏
02-05 2057
WebForm简单控件数据绑定  1,生成DataView    数据库调出数据  2, 使用DataView[index].Rows["ColomnName"]    index指代序号，ColomnName指代字段名  3,DataBind()    所使用控件的DataBind()方法
Webform中Repeater控件--绑定嵌入C#代码四种方式
weixin_30256901的博客
10-13 234
网页里面嵌入C#代码用的是<% %>，嵌入php代码<?php ?> 绑定数据的四种方式： 1.直接绑定 <%#Eval("Code") %> 2.调用函数 <%#ShowSex()%> 3.显示外键关系列 <%#Eval("Nation1.Name") %> 4.格式化显示 <%#Eval("Birthday","{0:y...
C# Repeater嵌套循环
YouShuihe的博客
10-12 587
共同学习，一起进步，有些东西我也不懂，可以大家一起讨论。
VS2013从头开始创建Web Form--ASP.NET数据源和数据绑定控件
热门推荐
Epsilon
01-11 1万+
下面我们将介绍在 VS2013 下如何创建 ASP.NET Web Form 并操作数据源控件和数据绑定控件： 1、创建Web Application 打开VS2013，依次点击 File->New->Project 2、确定后选择 Empty 工程文件如下： 3、新建Web Form：右键工程，添加 在弹出的框中输入Web Form的名字：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值