GridView inside GridView

最新推荐文章于 2021-06-04 20:48:39 发布
最新推荐文章于 2021-06-04 20:48:39 发布
阅读量760 收藏
点赞数 1
分类专栏： ASP.NET HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mx5721/article/details/9970633
版权

以下代码演示gridView嵌套：

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

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head id="Head1" runat="server">

 

    <title>Gridview within Gridivew - Nested gridview example in asp.net </title>

 

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

 

        function divexpandcollapse(divname) {

 

            var div = document.getElementById(divname);

 

            var img = document.getElementById('img' + divname);

 

            if (div.style.display == "none") {

 

                div.style.display = "inline";

 

                img.src = "minus.gif";

 

            } else {

 

                div.style.display = "none";

 

                img.src = "plus.gif";

 

            }

        }

    </script>

 

</head>

 

<body>

 

    <form id="form1" runat="server">

 

        <div>

 

            <asp:GridView ID="gvParentGrid" runat="server" DataKeyNames="CountryId" Width="300"

 

                AutoGenerateColumns="false" OnRowDataBound="gvUserInfo_RowDataBound" GridLines="None" BorderStyle="Solid" BorderWidth="1px" BorderColor="#df5015">

 

                <HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />

 

                <RowStyle BackColor="#E1E1E1" />

 

                <AlternatingRowStyle BackColor="White" />

 

                <HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />

 

                <Columns>

 

                    <asp:TemplateField ItemStyle-Width="20px">

 

                        <ItemTemplate>

 

                            <a href="JavaScript:divexpandcollapse('div<%# Eval("CountryID") %>');">

 

                                <img id='imgdiv<%# Eval("CountryID") %>' width="9px" border="0" src="plus.gif" />

 

                            </a>

 

                        </ItemTemplate>

 

                    </asp:TemplateField>

 

                    <asp:BoundField DataField="CountryId" HeaderText="CountryId" HeaderStyle-HorizontalAlign="Left" />

 

                    <asp:BoundField DataField="CountryName" HeaderText="CountryName" HeaderStyle-HorizontalAlign="Left" />

 

                    <asp:TemplateField>

 

                        <ItemTemplate>

 

                            <tr>

 

                                <td colspan="100%">

 

                                    <div id='div<%# Eval("CountryID") %>' style="display: none; position: relative; left: 15px; overflow: auto">

 

                                        <asp:GridView ID="gvChildGrid" runat="server" AutoGenerateColumns="false" BorderStyle="Double" BorderColor="#df5015" GridLines="None" Width="250px">

 

                                            <HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />

 

                                            <RowStyle BackColor="#E1E1E1" />

 

                                            <AlternatingRowStyle BackColor="White" />

 

                                            <HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />

 

                                            <Columns>

 

                                                <asp:BoundField DataField="StateID" HeaderText="StateID" HeaderStyle-HorizontalAlign="Left" />

 

                                                <asp:BoundField DataField="SateName" HeaderText="StateName" HeaderStyle-HorizontalAlign="Left" />

 

                                            </Columns>

 

                                        </asp:GridView>

 

                                    </div>

 

                                </td>

 

                            </tr>

 

                        </ItemTemplate>

 

                    </asp:TemplateField>

 

                </Columns>

 

            </asp:GridView>

 

        </div>

 

    </form>

 

</body>

 

</html>

using System;

 

using System.Collections.Generic;

 

using System.Data;

 

using System.Data.SqlClient;

 

using System.Linq;

 

using System.Web;

 

using System.Web.UI;

 

using System.Web.UI.WebControls;

 

namespace GridViewInsideGridView

 

{

    public partial class WebForm1 : System.Web.UI.Page

 

    {

        SqlConnection con = new SqlConnection(@"Data Source=(localdb)\Projects;Initial Catalog=DemoDB;Integrated Security=True;Connect Timeout=30;Encrypt=False;TrustServerCertificate=False");

 

        protected void Page_Load(object sender, EventArgs e)

 

        {

            if (!IsPostBack)

 

            {

                BindGridview();

            }

        }

        // This method is used to bind gridview from database

 

        protected void BindGridview()

 

        {

            con.Open();

            SqlCommand cmd = new SqlCommand("select TOP 4 CountryId,CountryName from Country", con);

 

            SqlDataAdapter da = new SqlDataAdapter(cmd);

 

            DataSet ds = new DataSet();

 

            da.Fill(ds);

            con.Close();

            gvParentGrid.DataSource = ds;

            gvParentGrid.DataBind();

　

　

　

        }

        protected void gvUserInfo_RowDataBound(object sender, GridViewRowEventArgs e)

 

        {

            if (e.Row.RowType == DataControlRowType.DataRow)

 

            {

                con.Open();

                GridView gv = (GridView)e.Row.FindControl("gvChildGrid");

 

                int CountryId = Convert.ToInt32(e.Row.Cells[1].Text);

 

                SqlCommand cmd = new SqlCommand("select * from State where CountryID=" + CountryId, con);

 

                SqlDataAdapter da = new SqlDataAdapter(cmd);

 

                DataSet ds = new DataSet();

 

                da.Fill(ds);

                con.Close();

                gv.DataSource = ds;

                gv.DataBind();

            }

        }

    }

}

 

mx5721
关注
专栏目录
Android中的GridView详解
逍遥飞鹤的专栏
08-03 6665
1.GridView实例anzs 本文主要实现如下功能：登陆界面经过通信线程鉴权后返回各种权限，权限对应各种功能模块，打算将各种功能模块以GridView方式显示给用户，GridView中放置各种功能图标，如果权限不足则置灰。   界面参考如下图片（软件来自电信内部掌上办公平台）：   登陆界面在这里不再赘述，本文主要关心以面向对象的方式来构建GridVi
android gridview 固定列数,Android GridView 指定行数，动态行宽，占满空间
weixin_30369405的博客
05-25 1852
有时间我们需要 使用GridViw 让它占满父控件，例：特别是在适配的时间比较麻烦，在不同的机型上可能分出下，下面空的太多，或有滚动条问题，;下面说一下实现思路：首先，设置GridView 为三列，出来的为二行三列；我们在Adapter getView 中判断分辨率，得到宽度和高度，GridView 占总高度的八分中的三分；设置 Item 即每个子项的高占的空间八分中的三分的一半，宽占屏幕的三分...
Put GridView inside ScrollView
ruyi366的专栏
03-14 1359
转载地址：http://stackoverflow.com/questions/8481844/gridview-height-gets-cut After (too much) research, I stumbled on the excellent answer of Neil Traft. Adapting his work for the GridView h
Flutter 由GridView引发的血案
qq_23404533的博客
08-20 1486
我的页面排版是这样的，从上至下 banner（暂时就是一张图片）+两个固定菜单+广告条+接口读取的网格菜单。 SingleChildScrollView( scrollDirection: Axis.vertical, child: Column( children: <Widget>[ Image.asset( 'assets/main...
android gridview item 边框,Android实现为GridView添加边框效果
weixin_39616216的博客
05-26 444
为GridView添加边框效果，供大家参考，具体内容如下1.自定义GridView的item样式：grid_item.xml文件android:layout_width="wrap_content"android:layout_height="wrap_content" >android:id="@+id/item_image"android:layout_width="115dp"andr...
android gridview 图片放大,android 选中GridView 中 的item 时进行图片放大的操作
weixin_28755331的博客
05-29 381
1、在GridView 中我们会遇到当选中某个Item 时想让它处于高亮或者是放大的操作，我们只需要在setOnItemClickListener() 方法中把相应的position 给传过去。package com.example.sgridview;import java.util.ArrayList;import java.util.List;import android.annotatio...
android gridview 设计,Android编程UI设计之GridView和ImageView的用法
weixin_28758189的博客
06-04 164
本文实例讲述了Android编程UI设计之GridView和ImageView的用法。分享给大家供大家参考，具体如下：GridView: A view that shows items in two-dimensional scrolling grid. The items in the grid come from the ListAdapter associated with this vie...
为GridView添加边框效果
Alexzhang369学习总结空间
06-15 8553
为GridView添加边框效果 1.自定义GridView的item样式： grid_item.xml文件 [html] view plain copy print? xml version="1.0" encoding="utf-8"?>  LinearLayout xmlns:android="http://schemas.androi
android gridview 设计,Android_Android编程UI设计之GridView和ImageView的用法，本文实例讲述了Android编程UI设 - phpStudy...
weixin_39675963的博客
06-04 125
Android编程UI设计之GridView和ImageView的用法本文实例讲述了Android编程UI设计之GridView和ImageView的用法。分享给大家供大家参考，具体如下：GridView: A view that shows items in two-dimensional scrolling grid. The items in the grid come from the L...
Android编程UI设计之GridView和ImageView的用法
09-02
例如，`CENTER_CROP`缩放类型用于保持图片的纵横比，裁剪图片以填充整个ImageView，而`CENTER_INSIDE`则会保持图片的原始大小，居中显示在ImageView内。 总结来说，Android中的GridView和ImageView是UI设计中不可或...
jquery操作asp.net中GridView方法
10-07
Find control inside Asp.net GridView using jQuery Get row and column index of a GridView Cell Playing with GridView Remove rows from GridView using jQuery Remove GridView columns using jQuery ...
ASP.NET C＃中Gridview内的Gridview
04-07
在提供的资源文件"Gridview-inside-Gridview-in-asp-net-Csharp.pdf"中，可能包含了详细的步骤、示例代码和最佳实践，帮助开发者更深入地理解和实现嵌套GridView。"LogOn.aspx"文件可能是指向一个在线资源或下载链接...
Expandable panel inside a GridView
09-18
"Expandable panel inside a GridView"是一个常见的需求，特别是在Web应用程序中，它允许用户在数据密集型界面中更有效地浏览和管理信息。这个主题主要涉及到ASP.NET框架，使用C#编程语言，Visual Studio 2008 IDE，...
.net后台POST传值
mx5721的专栏
04-07 7396
在项目中跳转传值的时候我想大家用的最多的应该是Redirect的Get方式进行传，以下是用POST的形式进行传值的源码：/// /// 后台POST信息 /// public void POST() { int a = 0, b = 0, c = 0; string po
使用Convert.ToDateTime()时提示格式错误
mx5721的专栏
10-15 7120
今天在项目中出现一个很诡异的问题，该系统其它用户使用一切正常，但是我使用就会出问题，提交数据会提示“字符串格式错误，无法将该字符串转换为日期类型。”百思不得其解。终于找出问题根源，是因为我的本地文化的问题，我将我的电脑的区域选项设置为“英语-澳大利亚”了，然后将其改为“英语-美国”就OK了（当然这个具体值需要改为什么需要根据项目的具体需要，一般英文系统都是选择英语-美国）。具体步骤： 1.控制面
UpdatePanel中FileUpload控件获取不到值的解决办法
mx5721的专栏
07-31 5672
今天做项目中遇到的问题，在网上查阅了资料，终于找到解决办法，原因是默认ajax是用get形式传值的，但是fileupload控件需要用post传值，所以现在需要用以下红色的字体的代码解决：
Ajax asp.net 导入Excel
mx5721的专栏
03-06 3059
首先使用ajax以POST的方式提交excel文件：$("#btnUploadExcelSave").click(function () { var fileObj = document.getElementById("file").files[0]; // js 获取文件对象 var FileController = "../
winform实现为web项目上传图片的功能
mx5721的专栏
03-16 2425
项目中有个需求：用winform维护web服务器端的数据，其中需要添加图片，且图片上传需要考虑手机端，要将图片压缩后存在另个文件夹下由手机端调用，以此减轻手机端的数据量过大的负担。 实现思路如下：1.用webservice作为winform的数据层对web服务器数据进行维护；2.webservice中添加如下代码由winform调用： #region---上传图片---         //
ASPXGridView全选功能实现
"ASPXGridView实现全选功能的详细步骤" 在ASP.NET开发中，ASPXGridView是一款强大的数据网格控件，提供了丰富的功能，包括全选功能。在本示例中，我们将探讨如何在ASPXGridView中实现全选功能。 首先，让我们分析...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值