GridView向AspxPopupControl传递参数实现弹出层 (2011-09-30 18:48:19) 转载▼ 标签： gridview aspx popupcontrol 参数传递

GridView向AspxPopupControl传递参数实现弹出层

(2011-09-30 18:48:19)


转载▼

标签： gridview aspx popupcontrol 参数传递实例 it

分类： 技术

GridView作为强大的数据显示控件，对于大量的数据可以很好的集中展示，但是常常我们有需要看到每一行数据的详细信息，这个功能我们可以使用超链接进行实现，但是这个样的结果需要花费一定的开发成本，而且效果也不一样好，一个新颖的做法是弹出一个层来实现，即点击后弹出一个层，该层显示我们需要的详细信息，对于这个弹出曾德实现，网上也介绍了很多的方法，最多的还是使用JS进行实现，但是效果有好有坏，且不说JS的难易程度，博主最反对在页面上使用JS进行一些功能的处理，JS是客户端来进行处理，把所有的东西抛给客户端来做说明我们的开发人员不是一个优秀的开发人员，我们的目标是尽可能多的任务交给服务来实现。

本文介绍的是在GridView显示总体数据以后，使用AspxPopupControl控件来实现弹出层，显示我们单个的详细信息，效果图如下：





后台代码如下：

using System;

using System.Collections;

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 Oracle.DataAccess.Client;

using DevExpress.Web.ASPxPopupControl;

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

{

    public OracleConnection conn = null;

    public DataSet ds = new DataSet();

    public string sdate = "2011-08-01 00:00:00";

    public string edate = "2011-12-31 23:59:59";

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            getReport();

        }

    }

    public void getReport()

    {

       

        conn = getConnection();

        ds = getDataSet(conn);

       

        GridView1.DataSource = ds;

        GridView1.DataBind();

        GridView1.Attributes.Add("BorderColor", "#000000");

        loopGroupCol();

        closeConnection(conn);

    }

    public OracleConnection getConnection()

    {

        try

        {

            string str = "Data Source=orcl;user id=jde;password=jde;";

            conn = new OracleConnection(str);

            conn.Open();

        }

        catch (Exception e)

        {

           

            Response.Write("数据库连接失败！"+e.Message);

        }

        return conn;

    }

    public void closeConnection(OracleConnection conn )

    {

        try