ASPxGridView是一个方便的数据显示控件，可是自动的绑定我们所需要的数据，但是有时，当数据属性过多时，我们并不一定要把所有的信息提供给所有的人，当有人需要这些数据时可以自动的进行查看，这时就可以把一些主要的信息提供给所有人，对于一些细节信息，可以按照个人的需求就行显示，这就要用到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

ASPxGridView中DetailRow的使用的更多相关文章

  1. ASPxGridView中如何对主从表绑定数据

    注:在从表的aspxgridview中的(OnDataBinding()事件中绑定数据)-----代码如下 //绑定属性值表protected void grid2_sonTable_DataBind ...

  2. dev中如何对combox下拉框设置可消除属性以及ASPxGridView中金额，数量的显示，以及总计、grid中某行值

    下拉框属性关键:IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" ASPxGridV ...

  3. 如何使用编辑模板在ASPxGridView中进行新增修改（除去常规的gridviw模板编辑外）

    aspgridview模板编辑效果图: //前端代码:(核心: <Templates><EditForm>.....中间可用栅格样式布局等(随意)...</Templat ...

  4. 获取ASPxGridView 中的数据（仅仅是获取;注意模板是如何获取的）

    1.取得控件值 using System.Collections.Generic; //取得当前控件值的集合 直接寻找控件的ID List<object> keyValues = this ...

  5. ASPxGridView中批量提交及个别提交的写法

    //获取chech box ID protected string GetProtoID() { string protoId = ""; //获取选中的记录Id List< ...

  6. ASPxGridView中Command列自定义按钮点击事件概要

    其中CustomButtonClick="ButtonClick",e.buttonID可以获取到自定义按钮的id e.visibleIndex获取到行的索引 grdList.Ge ...

  7. devexpress中ASPxGridView控件初始化赋值

    写在ASPxGridView中OnCellEditorInitialize="ASPxGridView_progoods_CellEditorInitialize"  事件中: / ...

  8. asp.net（c#）中如何在前端用js写条件查询，且不用调用存储过程

    前端页面(源): <dx:ASPxButton ID="ASPxButton_Select" runat="server" Text="查询&q ...

  9. DevExpress之ASPxGridView笔记（1）

    1.设置Row(某列)输出格式,例如,在数字前加美元符.每3位以逗号隔开及设置小数点后两位: <dx:GridViewDataTextColumn FieldName="SHOUHUI ...

随机推荐

  1. ABBYY FineReader的图像编辑器功能使用方法

    日常工作中,有时可能需要对图像进行编辑,可是正常情况下大家都知道图像是不能直接编辑的,需要借助工具.ABBYY FineReader 12 OCR文字识别软件可以实现图像的手动编辑,接下来就具体给大家 ...

  2. 【转】弹出可拖动的DIV层提示窗口

    来源:www.divcss5.com <html> <head> <meta http-equiv="Content-Type" content=&q ...

  3. 转 关于ruby gem无法连接到rubygems.org的解决方案

    为什么有这个? 由于国内网络原因(你懂的),导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败.所以你会与遇到 gem install rack 或 bundle ...

  4. MongoDB权限管理之用户名和密码的操作

    MongoDB默认是不需要输入用户名和密码,客户就可以登录的.但是出于安全性的考虑,我们还是要为其设置用户名和密码.本文主要介绍的是MongoDB权限管理之用户名和密码的操作,希望能对您有所帮助. 本 ...

  5. python sys.argv[]

    sys.argv[]是用来获取命令行参数的,是一个由该脚本自身路径和其它输入的参数组成的List.sys.argv[0]表示代码本身文件路径. 这里,当我们执行python using_sys.py ...

  6. Oracle 11g R2 常用配置与日志的文件位置

    假设.bash_profile中oracle相关环境变量如下: $ORACLE_HOME=/u01/app/oracle/product/11.2.0/db_1 $ORACLE_BASE=/u01/a ...

  7. javascript取得机器名，用户名，读写注册表，启动应用程序

    javascript取得机器名,用户名,读写注册表,启动应用程序//javascript有个特殊的对象ActiveXObject,通过它可以访问windows的本地文件系统和应用程序,比如:有的时候我 ...

  8. (转帖)BootStrap入门教程 (一)

      2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MAR ...

  9. LintCode "Expression Evaluation"

    This is sth. for me to learn.. https://github.com/kamyu104/LintCode/blob/master/C++/expression-evalu ...

  10. POM (Project Object Model)简介

    1  概念介绍 一个项目所有的配置都放置在 POM 文件中:定义项目的类型.名字,管理依赖关系,定制插件的行为等等.比如说,你可以配置 compiler 插件让它使用 java1.5 来编译. < ...