双层嵌套GridView

最新推荐文章于 2017-08-30 00:43:57 发布
最新推荐文章于 2017-08-30 00:43:57 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： web开发 文章标签： asp server javascript function object div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huhuyong2/article/details/5799511
版权

展开前效果图：

 

 

 

展开后效果图：

 

 

 

 

 

JS(此部分最重要):

 <script type="text/javascript" language="javascript">

         var gridViewList = new Array();
        var objDiv;
        var objImageButton;
      function expandcollapse(obj,obj2)//obj是Div的ID  obj2是imageButton
        {
            var div = document.getElementById(obj);
            objDiv = obj;
            objImageButton = obj2;
                for(i=0;i<gridViewList.length;i++){
                    if(gridViewList[i].id==obj){//如果以及存在这个对象 则跳出
                        break;
                    }
                }
                if(i == gridViewList.length){//说明没有找到  则新加一个
                    var newObj = new Object();
                    newObj.id = obj;
                    newObj.buttonId=obj2.id;
                    if(div.style.display == null || div.style.display==""){
                    div.style.display = "none";//指定对象的可见状态
                        newObj.display = "none";
                       
                    }else{
                        newObj.display= div.style.display;
                    }
                    gridViewList.push(newObj);//记录这个对象
                }

                return true; 
               
       }

        function SetGridViewState(){//obj是Div的ID  obj2是imageButton
             
                for(i=0;i<gridViewList.length;i++){
                    if(gridViewList[i].id==objDiv){//如果以及存在这个对象 则改变该对象的显示状态
                        if(gridViewList[i].display == "none"){
                            document.getElementById(objDiv).style.display = "block";
                            document.getElementById(gridViewList[i].buttonId).src="../Images/Right/minus.gif";
                            gridViewList[i].display = "block";
                        }else{
                            document.getElementById(objDiv).style.display = "none";
                            gridViewList[i].display = "none";
                            document.getElementById(gridViewList[i].buttonId).src="../Images/Right/plus.gif";
                        }
                    }else{
                        document.getElementById(gridViewList[i].id).style.display =gridViewList[i].display;
                        if(gridViewList[i].display=="block")
                        {
                            document.getElementById(gridViewList[i].buttonId).src="../Images/Right/minus.gif";
                        }
                        else{
                            document.getElementById(gridViewList[i].buttonId).src="../Images/Right/plus.gif";
                        }
                    }
                }
            
        }
        function ClearState()
        {
            if(gridViewList!=null&&gridViewList.length>0)
            {
                 gridViewList.splice(0,gridViewList.length);
            }

        }
        function SetImageState(){

                for(i=0;i<gridViewList.length;i++){
                    var obj = document.getElementById(gridViewList[i].id);
                    var obj2 = document.getElementById(gridViewList[i].buttonId);
                    if(obj != null && obj2 != null){
                            if(gridViewList[i].display=="block")
                            {  
                                obj.style.display="block";
                                obj2.src="../Images/Right/minus.gif";// 链接“—”图片 表示已经展开 

                           }
                            else{
                                obj.style.display="none";
                                obj2.src="../Images/Right/plus.gif";链接“+”图片 用于展开第一层

                            }
                        }       
                }        
        }
    </script>

 

ASPX代码：

  <asp:GridView ID="GridProCost" CssClass="gridViewFold" runat="server" EmptyDataText="未查询到满足条件的数据"
                            GridLines="None" BorderStyle="Outset" AutoGenerateColumns="False" OnRowDataBound="GridProCost_RowDataBound"
                            OnRowCommand="GridProCost_RowCommand" OnPreRender="GridProCost_PreRender">
                            <Columns>
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ibtnProId" runat="server" ImageAlign="top" Width="11px" Height="11px"
                                            CssClass="imgStyle" ImageUrl="~/Images/Right/plus.gif" OnClick="btnPrject_Click"
                                            OnClientClick='<%# "expandcollapse(/"divClass"+ Eval("ProjectId")+"/",this)" %>'
                                            CommandArgument='<%# ((GridViewRow)Container).RowIndex %>' /> --绑定“+”表示可以展开， 绑定父GridView中数据的关键值  即ID
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="项目编号">
                                    <ItemTemplate>
                                        <asp:Label runat="server" ID="LblProjectNo" Text='<%# Bind("ProjectNo") %>'></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="项目名称">
                                    <ItemTemplate>
                                        <asp:HiddenField ID="HidProId" Value='<%# Eval("ProjectId")%>' runat="server" />
                                        <asp:Label ID="Label1" runat="server" Text='<%# CheckProjectName(Eval("ProjectName")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="预计时间">
                                    <ItemTemplate>
                                        <asp:Label ID="Label4" runat="server" Text='<%# Bind("Plandate") %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="180px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="责任人">
                                    <ItemTemplate>
                                        <asp:Label ID="Label5" runat="server" Text='<%# Bind("DutyPerson") %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="60px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="审核状态">
                                    <ItemTemplate>
                                        <asp:Label ID="LblStatus" runat="server" Text='<%# CheckVerifyStatus(Eval("VerifyStatus")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="60px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="执行状态">
                                    <ItemTemplate>
                                        <asp:Label runat="server" ID="Lbl2Status" Text='<%# CheckStatus(Eval("Status"))%>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle Width="60px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="期初金额(万元)">
                                    <ItemTemplate>
                                        <asp:Label ID="Label6" runat="server" Text='<%# SubMoney(Eval("MB")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Right" Width="100px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="拨入金额(万元)">
                                    <ItemTemplate>
                                        <asp:Label ID="Label7" runat="server" Text='<%# SubMoney(Eval("SumMD")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Right" Width="90px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="支出金额(万元)">
                                    <ItemTemplate>
                                        <asp:Label ID="Label2" runat="server" Text='<%# SubMoney(Eval("SumMC")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Right" Width="90px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="可用余额(万元)">
                                    <ItemTemplate>
                                        <asp:Label ID="Label8" runat="server" Text='<%# SubMoney(Eval("Bal")) %>'></asp:Label>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Right" Width="100px" />
                                    <HeaderStyle Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="操作">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="LinkButton1" runat="server" CssClass="Updatebutton" CausesValidation="False"
                                            CommandName="Add1" CommandArgument='<%# ((GridViewRow)Container).RowIndex %>'
                                            OnClientClick='<%# "return AddCostRecord("+Eval("ProjectId")+")" %>' Text="添加"></asp:LinkButton>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" Width="60px" />
                                    <HeaderStyle HorizontalAlign="Center" Wrap="False" />
                                </asp:TemplateField>
                                <asp:TemplateField>  --将子GridView放在最后一列的模板中
                                    <ItemTemplate>
                                        <tr>
                                            <td colspan="100%" align="left" style="border: none;">
                                                <div id="divClass<%# Eval("ProjectId") %>" style="display: none; position: relative;
                                                    left: 15px; overflow: auto; width: 100%">
                                                    <asp:GridView ID="GridCostInfo" Width="97%" runat="server" OnRowDataBound="GridCostInfo_RowDataBound"
                                                        AutoGenerateColumns="False" ShowFooter="true" CssClass="gvFold" EmptyDataText="未查询到满足条件的数据">
                                                        <Columns>
                                                            <asp:TemplateField HeaderText="拨入金额(万元)">
                                                                <ItemTemplate>
                                                                    <asp:HiddenField ID="HidMB" runat="server" Value='<%# Bind("MB", "{0:f2}") %>' />
                                                                    <asp:Label ID="LblMD" runat="server" Text='<%# Bind("MD", "{0:f2}") %>'></asp:Label>
                                                                    <asp:HiddenField ID="HidCostId" Value='<%# Eval("CostId")%>' runat="server" />
                                                                    <asp:HiddenField ID="HidStatus2" runat="server" Value='<%# Bind("Status") %>' />
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                                <ItemStyle HorizontalAlign="Right" Width="100px" />
                                                            </asp:TemplateField>
                                                            <asp:TemplateField HeaderText="支出金额(万元)">
                                                                <ItemTemplate>
                                                                    <asp:Label ID="LblMC" runat="server" Text='<%# Bind("MC", "{0:f2}") %>'></asp:Label>
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                                <ItemStyle HorizontalAlign="Right" Width="100px" />
                                                            </asp:TemplateField>
                                                            <asp:TemplateField HeaderText="金额方向">
                                                                <ItemTemplate>
                                                                    <asp:Label ID="LblAR" runat="server" Text='<%# CheckAR(Eval("AR")) %>'></asp:Label>
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                            </asp:TemplateField>
                                                            <asp:TemplateField HeaderText="操作人">
                                                                <ItemTemplate>
                                                                    <asp:Label ID="LblOpt" runat="server" Text='<%# Bind("OptName") %>'></asp:Label>
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                            </asp:TemplateField>
                                                            <asp:TemplateField HeaderText="操作日期">
                                                                <ItemTemplate>
                                                                    <asp:Label ID="LblDate" runat="server" Text='<%# Bind("dDate","{0:yyyy-MM-dd}") %>'></asp:Label>
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                                <ItemStyle Width="100px" />
                                                            </asp:TemplateField>
                                                            <asp:TemplateField HeaderText="备注信息">
                                                                <ItemTemplate>
                                                                    <asp:Label ID="LblRemark" runat="server" Text='<%# Bind("Remark") %>'></asp:Label>
                                                                </ItemTemplate>
                                                                <HeaderStyle Wrap="False" />
                                                            </asp:TemplateField>
                                                        </Columns>
                                                    </asp:GridView>
                                                </div>
                                            </td>
                                        </tr>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>

 

 

 

ASPX.CS代码：

  /// <summary>
    /// 控制父GridView中展开子GridView
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void btnPrject_Click(object sender, EventArgs e)  --展开父GridView中某行数据，执行绑定子GridView
    {
        GridRowCount = int.Parse(((ImageButton)sender).CommandArgument.ToString());
        ImageButton IBProId = GridProCost.Rows[GridRowCount].Cells[0].FindControl("ibtnProId") as ImageButton;
            if (IBProId.ImageUrl.Contains("minus.gif"))
            {
                IBProId.ImageUrl = "~/Images/Right/plus.gif";
            }
            else
            {
                IBProId.ImageUrl = "~/Images/Right/minus.gif";
            }
            BindCostInfo();--绑定子GridView中的数据

            ScriptManager.RegisterClientScriptBlock(UpdatePanel1, UpdatePanel1.GetType(), DateTime.Now.ToString(),
            "<script language='javascript'>SetGridViewState();</script>", false);

        }

    protected void GridProCost_PreRender(object sender, EventArgs e)
    {
        ScriptManager.RegisterClientScriptBlock(UpdatePanel1, UpdatePanel1.GetType(), DateTime.Now.ToString(), "<script language='javascript'>SetImageState();</script>", false);
    }

 

huhuyong2
关注
专栏目录
C#中的GridView 嵌套
programmestudent的专栏
05-31 1107
前言：在Windows开发和Web开发中，经常需要使用父子网格控件，即用父子两个网格显示相关联的信息，点击父网格即在子网格中显示与之有关的信息。使用父子网格控件，既可以合理显示信息，又可以简化操作。下面笔者以一个显示物料和物料下每个包装的案例介绍父子网格控件的使用。一、   本案例需求本案例是一个仓库物料盘点小模块。仓库中的物料按箱包装，每箱都有个唯一性的批号（相当于公民身份证）。开始时每箱的数量
GridView嵌套GridView
weixin_30825581的博客
07-06 1633
GridView嵌套可以显示当前选定的父记录组织同时显示所有子记录。例如，你可以用它创建一个完整的按类别组织的产品列表。下一个示例演示如何在单个网格中显示一个完整的分组产品列表，如下图所示：使用的基本技术是为附表创建一个GridView，它的每行又嵌入一个GridView，这些子GridView使用TemplateField来插入到父GridView中。唯一需要...
GridControl中嵌套GridView的使用
09-19
GridControl GridView 嵌套
GridView中嵌套GridView
fisea的专栏
06-09 620
一：//delete   Demo   ,   use   pubs //aspx         GridViewNesting                                                                                                                    
gridview嵌套gridview的方法
知行合一
10-29 2204
网上也有关于gridview的嵌套方法,感觉不灵活.所以自己写一个.*.aspx 代码 很简单 *.aspx.cs 多余的代码已经去了. protected void Page_Load(object sender, EventArgs e)    {        if (!IsPostBack)        {            GridView1.DataSourc
gridview嵌套gridview
№悟◇
11-29 727
OnRowDataBound事件,与1.x中的ItemDataBound有一腿.                  　       　                                                                    　                 　                 　                          
双层表格
xiaobijia的专栏
05-09 1179
双层表格，listview或gridview中含有表格等双层表格，可以嵌套l自身实现 也可以用for循环实现，数据量不大的情况下，for实现比较简单， 效果图： 实现代码如下： { status: "1", msg: "获取成功", rows: [ { gpartners: [ { id: "179", company_id: "61", company_name: "13
GridView多层嵌套和折叠与展开(修改适合自己使用)
01-20
GridView控件在Web开发中常用于数据展示，尤其在数据层级结构复杂时，多层嵌套的GridView可以清晰地呈现数据关系。本文将探讨如何实现GridView的多层嵌套以及折叠与展开的功能。 首先，GridView的多层嵌套通常通过...
关于Android中ListView嵌套GridView的问题
01-04
在Android开发中，遇到一个问题，是ListView嵌套GridView，需要点击整个ListView的Item进行跳转。但是在点击GridView区域时无法进行页面的跳转。这是因为GridView获得了焦点。导致点击无法跳转。 解决方法就是： 1....
gridview嵌套gridview案例说明
04-18
在标题“gridview嵌套gridview案例说明”中，我们关注的核心点是GridView控件的嵌套使用，即将一个GridView控件放置在另一个GridView控件内部，以构建一个多级数据展示的结构。这种技术通常用于展示层次结构数据，...
GridView内嵌套使用GridView
09-10
在VS2005下实现GridView内嵌套使用GridView
(ASP.NET C#)Gridview中嵌套另一个Gridview源代码
03-16
许多情况下我们需要在grid中嵌套显示另外一个grid，本代码演示了如何实现这一功能。 关键字：Gridview
gridview 三重嵌套
03-04
ASp.net gridview 三重嵌套 通过gridview 的 Edit 事件 实现了点解 + 展开下一层的 gridview
Android编程开发之ScrollView嵌套GridView的方法
01-20
然而，当ScrollView嵌套GridView时，由于两者都具有滚动功能，可能会导致一些显示问题，比如GridView的内容无法完全显示。 问题的关键在于，当ScrollView尝试包裹一个可滚动的子视图（如GridView）时，子视图的尺寸...
完美解决ListView内部嵌套GridView导致各种异常，无法点击的问题
05-10
完美解决ListView内部嵌套GridView导致各种异常，无法点击的问题，包含遇到的问题可能有：1、gridview显示不全。无法占满。2、listView点击item点击事件无效 3、GridView点击事件无效。4、假如GridView每行显示3个。...
DEV GridView嵌套
tatagg的专栏
08-26 5628
最近DEV搞的多，想把程序做得看起来专业点，所以稍微研究了一下。 本篇只记录如何实现在列表里面点击某一行可以打开这一行关联的子表内容。
GridView嵌套实现
weixin_34221773的博客
04-09 161
  GridView嵌套实现 效果图： 技术实现： 前台： &lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
TableLayout实现gridview嵌套gridview效果
刘 争
08-30 1082
自定义linearlayout public class CurrenPositionView extends LinearLayout { //每行item个数 private final int ROW_NUM = 5; private TextView titleView; private ZhaoPin data; private TableLay
gridview嵌套实例
死磕技术 活出人生
09-12 1968
C#中的GridView嵌套实例 前言： 在Windows开发和Web开发中，经常需要使用父子网格控件，即用父子两个网格显示相关联的信息，点击父网格即在子网格中显示与之有关的信息。使用父子网格控件，既可以合理显示信息，又可以简化操作。下面笔者以一个显示物料和物料下每个包装的案例介绍父子网格控件的使用。 一、   本案例需求            现在程序上需要实现：以网格
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值