gridview 实现树型显示效果

gridview 怎样实现树型显示效果 --------------------编程问答-------------------- 不明白啥意思,GridView仅仅是一绑定控件. --------------------编程问答-------------------- 是啊,我的意思是让它绑定后的数据能显示出层次感来,因为我要绑定的那张表是分类表,有父级分类,和子级分类 --------------------编程问答-------------------- 能不能再描述清楚点

up --------------------编程问答-------------------- 为什么不用treeview --------------------编程问答--------------------

--------------------编程问答--------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Test_Default" %>



<!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>无标题页</title>

</head>

<body>

  <form runat="server">

    <asp:DataGrid ID="DataGrid1" BorderColor="#0099FF" runat="server" ShowHeader="False"

      Width="470px" CellPadding="0" CellSpacing="0" AutoGenerateColumns="False" BorderWidth="2px"

      OnItemDataBound="DataGrid1_ItemDataBound">

      <Columns>

        <asp:TemplateColumn>

          <ItemTemplate>

            <table cellspacing="0" cellpadding="0" width="100%" border="0">

              <tr>

                <td bgcolor="#FF6600">

                  <b>订单号：

                    <%# Eval("OrderID") %>

                  </b>

                </td>

              </tr>

              <tr>

                <td align="right">

                  <asp:DataGrid ID="DataGrid2" runat="server" AutoGenerateColumns="False" BorderColor="#33FF33"

                    DataKeyField="OrderID" DataSource='<%# ((System.Data.DataRowView)Container.DataItem).CreateChildView("OrderRelation") %>'>

                    <HeaderStyle Font-Bold="True" ForeColor="#CC0066" BackColor="#FFCCFF"></HeaderStyle>

                    <Columns>

                      <asp:BoundColumn Visible="False" DataField="OrderID" ReadOnly="True"></asp:BoundColumn>

                      <asp:TemplateColumn HeaderText="产品名称">

                        <HeaderStyle Width="300px"></HeaderStyle>

                        <ItemTemplate>

                          <%# Eval("ProductName") %>

                        </ItemTemplate>

                      </asp:TemplateColumn>

                      <asp:BoundColumn DataField="UnitPrice" HeaderText="单价"></asp:BoundColumn>

                      <asp:BoundColumn DataField="Quantity" HeaderText="数量"></asp:BoundColumn>

                      <asp:BoundColumn DataField="Discount" HeaderText="折扣"></asp:BoundColumn>

                    </Columns>

                  </asp:DataGrid></td>

              </tr>

            </table>

          </ItemTemplate>

        </asp:TemplateColumn>

      </Columns>

    </asp:DataGrid>

  </form>

</body>

</html>





using System;

using System.Data;

using System.Data.SqlClient;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;



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

{

  protected void Page_Load( object sender, EventArgs e )

  {

    SqlConnection OrdersConnection = new SqlConnection(@"User ID=sa;Password=;Initial Catalog=NorthWind;Server=(local)");

    SqlDataAdapter OrderAdapter = new SqlDataAdapter("Select * from Orders; select OrderID ,Products.ProductName,

[order Details].Unitprice,[order Details].Quantity,[order Details].discount from [order Details],Products 

where [Order Details].ProductId=Products.ProductID", OrdersConnection);

    DataSet OrderDataSet = new DataSet();

    OrderAdapter.Fill(OrderDataSet);

    OrderDataSet.Tables[0].TableName = "Orders";

    OrderDataSet.Tables[1].TableName = "Order Details";

    DataColumn Parent = OrderDataSet.Tables["Orders"].Columns["OrderID"];

    DataColumn Child = OrderDataSet.Tables["Order Details"].Columns["OrderID"];

    DataRelation OrderRelation = new DataRelation("OrderRelation", Parent, Child, false);

    OrderDataSet.Relations.Add(OrderRelation);

    DataGrid1.DataSource = OrderDataSet.Tables["Orders"].DefaultView;

    DataBind();

  }

  protected void DataGrid1_ItemDataBound( object sender, DataGridItemEventArgs e )

  {

    e.Item.Cells[0].BackColor = System.Drawing.Color.Ivory;

  }

}

--------------------编程问答-------------------- 上面的示例错了.

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="HierarchicalDataGrid.aspx.vb" Inherits="HierarchicalDataGrid.HierarchicalDataGrid" %>

<%@ Import namespace="System.Data"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<title>显示主次关系数据的例子</title>

<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

<meta name="CODE_LANGUAGE" content="Visual Basic 7.0">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

</HEAD>

<body>

<form id="FrmDataGrid" method="post" runat="server">

<P align="center">

<asp:DataGrid id="DataGrid1" BorderColor="#0099FF" runat="server" ShowHeader="False" Width="470px" CellPadding="0" CellSpacing="0" AutoGenerateColumns="False" BorderWidth="2px">

<Columns>

<asp:TemplateColumn>

<ItemTemplate>

<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">

<TR>

<TD bgColor="#FF6600"><B>订单号：

<%# DataBinder.Eval(Container.DataItem, "OrderID") %>

</B>

</TD>

</TR>

<TR>

<TD align="right">

<asp:DataGrid id=DataGrid2 runat="server" AutoGenerateColumns="False" BorderColor="#33FF33" DataKeyField="OrderID" DataSource='<%# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation") %>'>

<HeaderStyle Font-Bold="True" ForeColor="#CC0066" BackColor="#FFCCFF"></HeaderStyle>

<Columns>

<asp:BoundColumn Visible="False" DataField="OrderID" ReadOnly="True"></asp:BoundColumn>

<asp:TemplateColumn HeaderText="产品名称">

<HeaderStyle Width="300px"></HeaderStyle>

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "ProductName") %>

</ItemTemplate>

</asp:TemplateColumn>

<asp:BoundColumn DataField="UnitPrice" HeaderText="单价"></asp:BoundColumn>

<asp:BoundColumn DataField="Quantity" HeaderText="数量"></asp:BoundColumn>

<asp:BoundColumn DataField="Discount" HeaderText="折扣"></asp:BoundColumn>

</Columns>

</asp:DataGrid></TD>

</TR>

</TABLE>

</ItemTemplate>

</asp:TemplateColumn>

</Columns>

</asp:DataGrid></P>

</form>

</body>

</HTML>

--------------------编程问答-------------------- 上面的代码还需要修改一下,就是两个Datalist的SqlDataSource源ID要设置一下，原理就是嵌套数据控件． --------------------编程问答-------------------- 根据DataSet关系找到对应父子表的某条记录.重点DataSet操作(父子表)
<asp:DataGrid id=DataGrid2 runat="server" AutoGenerateColumns="False" BorderColor="#33FF33" DataKeyField="OrderID" DataSource='<%# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation") %>'>
--------------------编程问答-------------------- DataSet OrderDataSet = new DataSet();
    OrderAdapter.Fill(OrderDataSet);
    OrderDataSet.Tables[0].TableName = "Orders";
    OrderDataSet.Tables[1].TableName = "Order Details";
    DataColumn Parent = OrderDataSet.Tables["Orders"].Columns["OrderID"];
    DataColumn Child = OrderDataSet.Tables["Order Details"].Columns["OrderID"];
    DataRelation OrderRelation = new DataRelation("OrderRelation", Parent, Child, false);
    OrderDataSet.Relations.Add(OrderRelation); --------------------编程问答-------------------- 哥也做这个功能。现在分层倒是实现了。问题在于老板还要求橡树的那种点击显示，再点击隐藏的功能。正在抑郁中 --------------------编程问答-------------------- 我想是嵌套吧，GridView中套DataList或GridView等。 --------------------编程问答-------------------- http://dotnet.aspx.cc/article/f73eeaa9-2bdc-47fd-afd2-59f2fa4897f5/read.aspx
http://dotnet.aspx.cc/Exam/GridViewNested2.aspx --------------------编程问答-------------------- 放弃使用gridview吧，非要使用的话效率会很低的，有许多第三方控件可以使用的，比如：spgridview，也可以自己拼接js代码，实现显示效果 --------------------编程问答-------------------- 用两个repeater 应该很容易实现啊 --------------------编程问答--------------------                 能简单点的就简单点.... --------------------编程问答-------------------- 你不嫌麻烦？·有什么样的需求非要GridView实现TreeView的功能？ LZ说来听听 --------------------编程问答-------------------- 哥们已经于昨天实现了。哇哈哈。

不解释 11L --------------------编程问答-------------------- gridview嵌套。。。 --------------------编程问答--------------------

引用 11 楼 yuandongze 的回复:

哥也做这个功能。现在分层倒是实现了。问题在于老板还要求橡树的那种点击显示，再点击隐藏的功能。正在抑郁中

你可以给他一个判断吗？判断为true 就显示，为 false就隐藏；具体的Gridview的行单击事件里写这些判断代码。不知道对不（如有错误还请见谅。） --------------------编程问答-------------------- 顶一个。。。。。学习学习。。。 --------------------编程问答-------------------- 就是GRIDVIEW嵌套，LZ搞定了吧？显示、隐藏在客户端用JS控制

only_endure提供的方法是正确的，LZ应该给他分 --------------------编程问答--------------------

引用 20 楼 jack15850798154 的回复:

引用 11 楼 yuandongze 的回复:
哥也做这个功能。现在分层倒是实现了。问题在于老板还要求橡树的那种点击显示，再点击隐藏的功能。正在抑郁中

你可以给他一个判断吗？判断为true 就显示，为 false就隐藏；具体的Gridview的行单击事件里写这些判断代码。不知道对不（如有错误还请见谅。）

GridView.Rows[index].Visible=false; 这样做可以。
但是，当实现删除和更新操作时。重新绑定DataSource。更新最新数据。所有状态都初始化了。
要保存状态的孩子，有几层显示，几层隐藏。重新绑定后。状态不变。

哥已经实现咯。 --------------------编程问答-------------------- 哎，说这种功能没有用的人，真是太缺乏想象力了。 --------------------编程问答-------------------- 用gridview嵌套 --------------------编程问答-------------------- asp.net程序开发范例宝典一书中有你要求的功能

补充：.NET技术 ,  ASP.NET