ASPxGridView中DetailRow的使用

最新推荐文章于 2020-05-20 18:48:23 发布
最新推荐文章于 2020-05-20 18:48:23 发布
阅读量300 收藏
点赞数
文章标签： xhtml ui 数据库
原文链接：http://www.cnblogs.com/haizine/p/5806957.html
版权

ASPxGridView是一个方便的数据显示控件，可是自动的绑定我们所需要的数据，但是有时，当数据属性过多时，我们并不一定要把所有的信息提供给所有的人，当有人需要这些数据时可以自动的进行查看，这时就可以把一些主要的信息提供给所有人，对于一些细节信息，可以按照个人的需求就行显示，这就要用到ASPxGridView的DetailRow了，本文将以铁路列车信息数据库为依据，首先显所有的列车车次，点击后查看列车详情，效果图如下：

ASPxGridView中DetailRow的使用

ASPxGridView中DetailRow的使用

 本文实现的效果和前面介绍的ASPxPop控件的效果类似，但是这个控件也可以用在不方便使用那和空间的时候，读者可以对比博文http://blog.sina.com.cn/s/blog_62cd5a980100v6xx.html，进行选择，上代码：

前端代码：

 

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

 

<%@ Register Assembly="DevExpress.Web.ASPxGridView.v9.2, Version=9.2.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"

    Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dxwgv" %>

<%@ Register Assembly="DevExpress.Web.ASPxEditors.v9.2, Version=9.2.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"

    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>

<!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>具有详细信息的AspGridView测试</title>

</head>

<body>

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

    <div align="center">

        <dxwgv:ASPxGridView ID="ASPxGridView1" runat="server" CssFilePath="~/App_Themes/Office2003Blue/{0}/styles.css"

            CssPostfix="Office2003_Blue" Caption="全国火车车次信息表" KeyFieldName="ID" ClientInstanceName="grid">

            <Styles CssFilePath="~/App_Themes/Office2003Blue/{0}/styles.css" CssPostfix="Office2003_Blue">

                <Header ImageSpacing="5px" SortingImageSpacing="5px">

                </Header>

                <LoadingPanel ImageSpacing="10px">

                </LoadingPanel>

            </Styles>

            <Images ImageFolder="~/App_Themes/Office2003Blue/{0}/">

                <CollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"

                    Width="11px" />

                <ExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"

                    Width="11px" />

                <DetailCollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"

                    Width="11px" />

                <DetailExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"

                    Width="11px" />

                <FilterRowButton Height="13px" Width="13px" />

            </Images>

            <StylesEditors>

                <ProgressBar Height="25px">

                </ProgressBar>

            </StylesEditors>

            <SettingsPager PageSize="15">

            </SettingsPager>

            <SettingsDetail ShowDetailRow="true" AllowOnlyOneMasterRowExpanded="True" ExportMode="All" />

            <ClientSideEvents RowClick="function(s, e) {

            _aspxClearSelection();

            grid._selectAllRowsOnPage(false);

            grid.SelectRow(e.visibleIndex, true);

}" />

            <Columns>

                <dxwgv:GridViewDataColumn Caption="序号">

                    <DataItemTemplate>

                        <%#Container.ItemIndex+1 %>

                    </DataItemTemplate>

                </dxwgv:GridViewDataColumn>

                <dxwgv:GridViewDataColumn Caption="车次" FieldName="ID" Width="200PX">

                </dxwgv:GridViewDataColumn>

                <dxwgv:GridViewDataColumn Caption="列车类型" FieldName="type" Width="200PX">

                </dxwgv:GridViewDataColumn>

            </Columns>

            <Templates>

                <DetailRow>

                    <dxwgv:ASPxGridView ID="ASPxGridView2" runat="server" CssFilePath="~/App_Themes/Office2003Blue/{0}/styles.css"

                        CssPostfix="Office2003_Blue" OnDataBinding="getnewdata">

                        <Styles CssFilePath="~/App_Themes/Office2003Blue/{0}/styles.css" CssPostfix="Office2003_Blue">

                            <Header ImageSpacing="5px" SortingImageSpacing="5px">

                            </Header>

                            <LoadingPanel ImageSpacing="10px">

                            </LoadingPanel>

                        </Styles>

                        <SettingsPager PageSize="10">

                        </SettingsPager>

                        <SettingsDetail IsDetailGrid="true" />

                        <Images ImageFolder="~/App_Themes/Office2003Blue/{0}/">

                            <CollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"

                                Width="11px" />

                            <ExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"

                                Width="11px" />

                            <DetailCollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"

                                Width="11px" />

                            <DetailExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"

                                Width="11px" />

                            <FilterRowButton Height="13px" Width="13px" />

                        </Images>

                        <StylesEditors>

                            <ProgressBar Height="25px">

                            </ProgressBar>

                        </StylesEditors>

                        <Columns>

                            <dxwgv:GridViewDataColumn Caption="序号">

                                <DataItemTemplate>

                                    <%#Container.ItemIndex+1 %>

                                </DataItemTemplate>

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="车次" FieldName="ID">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="到站" FieldName="Station">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="到站时间" FieldName="A_Time">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="发车时间" FieldName="D_Time">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="天数" FieldName="Day">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="里程" FieldName="Distance">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="一等座" FieldName="P1">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="二等座" FieldName="P2">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="三等座" FieldName="P3">

                            </dxwgv:GridViewDataColumn>

                            <dxwgv:GridViewDataColumn Caption="四等座" FieldName="P4">

                            </dxwgv:GridViewDataColumn>

                        </Columns>

                    </dxwgv:ASPxGridView>

                </DetailRow>

            </Templates>

        </dxwgv:ASPxGridView>

    </div>

    </form>

</body>

</html>

后端代码：
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.OleDb;
using DevExpress.Web.ASPxGridView;
public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            AspxGridViewDataBind();
        }
        else
        {
            if (ViewState["ASPxGridView1"] !=null)
            {
                DataSet ds = ViewState["ASPxGridView1"] as DataSet;
                this.ASPxGridView1.DataSource = ds;
                this.ASPxGridView1.DataBind();
            }
        }
 
    }
    public OleDbConnection getConnection() 
    {
        OleDbConnection conn = null;
        string connectionstr = "provider=Microsoft.JET.OLEDB.4.0;";
        connectionstr += @"data source=d:\database\train.mdb";
        try
        {
            conn = new OleDbConnection(connectionstr);
            conn.Open();
            //ScriptManager.RegisterStartupScript(this,this.GetType(),"","alert('建立连接成功！');",true);
        }
        catch (Exception e)
        {
            
            Response.Write("建立数据库连接失败！"+e.Message);
        }
        return conn;
    }
    public void closeConnection(OleDbConnection conn) 
    {
        try
        {
            conn.Close();
        }
        catch (Exception e)
        {
            
            Response.Write("关闭数据连接失败！"+e.Message);
        }
    }
    public DataSet getDataSet(OleDbConnection conn) 
    {
        DataSet ds = new DataSet();
        string sql = "select distinct ID,type from train ";
        //string sql="select * from train";
        try
        {
            OleDbDataAdapter oda = new OleDbDataAdapter(sql,conn);
            oda.Fill(ds);
        }
        catch (Exception e)
        {
 
            Response.Write("获取结果集失败！"+e.Message) ;
        }
        return ds;
    }
    public void display() 
    {
        OleDbConnection conn = getConnection();
        DataSet ds = getDataSet(conn);
        for (int i = 0; i < ds.Tables[0].Columns.Count; i++)
        {
            Response.Write(ds.Tables[0].Columns[i].ColumnName.ToString()+"<br/>");
        }
        closeConnection(conn);
    }
    public void AspxGridViewDataBind()
    {
        OleDbConnection conn = getConnection();
        DataSet ds = getDataSet(conn);
        this.ASPxGridView1.DataSource = ds;
        this.ASPxGridView1.DataBind();
        ViewState["ASPxGridView1"] = ds;
        closeConnection(conn);
    }
    public void getnewdata(object sender,EventArgs e) 
    {
        ASPxGridView grid = (ASPxGridView)sender;
        string id = grid.GetMasterRowFieldValues("ID").ToString();
        //this.Response.Write(id);
        DataSet ds = getDetailData(id);
        grid.DataSource = ds;
        //ViewState["grid"] = ds;
    }
    public DataSet getDetailData(string id) 
    {
        DataSet ds = new DataSet();
        string sql = "select * from train where id='"+id+"'";
        OleDbConnection conn = getConnection();
        OleDbDataAdapter oda = new OleDbDataAdapter(sql,conn);
        oda.Fill(ds);
        closeConnection(conn);
        return ds;
    }
}
 
源地址：http://blog.sina.com.cn/s/blog_62cd5a980100vmge.html

转载于:https://www.cnblogs.com/haizine/p/5806957.html

weixin_30376509
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Aspx GridView使用大全
09-06
例如，使用下拉列表过滤数据，或在编辑行中使用其他控件输入数据。 6. **设置属性** GridView 有许多可配置的属性，如AutoGenerateColumns控制是否自动生成列，DataKeyNames设置主键字段，EnableViewState控制视图...
AspxGridView使用手记
01-21
AspxGridView 是一个强大的数据网格控件，常用于ASP.NET应用程序中，用于显示和操作大量结构化数据。这篇使用手记将深入探讨其基本使用方法、数据绑定以及客户端行维护等核心功能，帮助程序员提高开发效率。 ### 一...
ASPxGridView控件常用示例五：显示Detail数据
weibingbing_net的专栏
01-23 1229
本示例主要演示如何利用两个 ASPxGridView控件来显示主从数据。 C# 1 2 3 4 5 6 7 8 9 10 11 12 13 14 protected void Page_Load(object sender, EventArgs e)
DEV-aspxgridview中添加detailrow
weixin_30399155的博客
06-30 123
Dev不同的版本可能操作不同： 相似的官方文章：https://www.devexpress.com/Support/Center/Example/Details/E529/ 相关操作：http://codecentral.devexpress.com/E529/ 该文章很好使用了details的使用方法，可以借鉴。 本人在不使用datasource空间的时候使用该方法。方法如下： ...
ASPxGridView对象中如何获取子表对象（DetailRow中的ASPxGridView：点击主表的行后展开的子表）的控制权？
08-17 2050
没用过ASPxGridView的人就不要看了 例:----------------------------------
aspxgridview 中detailrow中模板对象
harhawk的博客
03-27 509
用主从表结构时，有时需用到detailrow中的控件，直接用ID是不行的，必须使用下列方法： ASPxGridView asEmp = (ASPxGridView1.FindDetailRowTemplateControl(vIndex, "ASPxGridView2") as ASPxGridView); string empliststr = (ASPxGridView1.FindD...
ASPxGridView中添加编辑模板
11-14
在 ASPxGridView 中，我们可以使用 `EditFormSettings` 属性来设置编辑模板的可见性和行为。例如，我们可以将 `EditFormSettings` 设置为 `Visible="False"`，以隐藏编辑模板，或者将其设置为 `Visible="True"`，以...
ASPxGridView 用法整理
热门推荐
.NET 札记
05-05 1万+
ASPxGridView属性：概述设置（Settings）             GridLines="Vertical"            : 网格样式 Vertical, Both, None         ShowGroupPanel="True"           : 分组面板         ShowFooter="True"               : 脚注面板
ASPxGridView之Master-Detail
weixin_30337157的博客
01-19 90
ASPxGridView之Master-Detail 参考页面官方demo： http://demos.devexpress.com/ASPxGridViewDemos/MasterDetail/MasterDetail.aspx Master-Detail能够使主表与子表的信息在同一页面展示，无须新建子表页面。 一直用一个grid,点击每行的详细按钮或链接，转到子表页面。今天尝试使用A...
ASPXGridView使用总结
hmwz0001的博客
05-20 1523
转载 一。ASPXGridView外观显示 属性: Caption----列的标题（ KeyFieldName----数据库字段 SEOFriendly 是否启用搜索引擎优化 Summary 指定分页汇总信息的格式 Setting节点的ShowFilterRow=True设置快速查找功能 SettingsBehavior.AllowFocusedRow=true 高亮选中的行,即选中行变色 SettingsBehavior.AllDragDrop=false禁止拖动标题列头 SettingsBehavior
ASPXGridView 的使用
junjun199017的专栏
07-06 751
引用彬临城下 的 【转】DevExpress ASPxGridView基本用法 - Byeah's Blog - 博客园ASPxGridView1.KeyFieldName = "ID";//指定主键。直接更新数据和子表绑定 需要用到    ASPxGridView1.DataS
修改 bootstrap table 默认detailRow样式
sinat_36065456的博客
07-20 3629
this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', function () { var $this = $(this), //a.detail-icon $tr = $this.parent().parent(), //current row
Dev GridView-Bind Detail Grid during runtime
06-25 2583
Here is a simple example. ASPX function OnGetSelectedFieldValues(selectedValues) { alert(selectedValues); }
ASPxGridView主从表显示明细
cok8420的博客
10-15 306
主表，从表显示明细 首先设置几个属性 1.主表 SettingsDetail.ShowDetailRow=true;//设置主表可以显示明细 2.从表 SettingsDetail.IsDetailGrid=tr...
DevExpress ASPxGridView 控件详解与使用技巧
总结，DevExpress ASPxGridView是一款强大且易用的网格控件，它简化了ASP.NET应用中数据展示和操作的实现，同时提供了高度的定制性和扩展性。通过深入学习其官方文档和示例，开发者可以快速掌握并充分利用这个控件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值