datagrid 多层表头

在网上搜索了半天,有以下几个方法:

1. 孟子E章的 ()
    隐藏DataGrid的表头,在DataGrid的上放画一个多行表头.
    不方便的地方是::
    a. 对齐表头与DataGrid各列,有点麻烦.
    b. 如果我要把DataGrid(表头形式,数据内容)导进Excel,则不会看到多行表头(多行表头这里不属于DataGrid)
     
2. 直接更改DataGrid的表头样式
   
3.使用RenderMethod委托可以实现DataGrid表头的合并,DataGrid的表头转化为用Table来控制
   请参照:http://terrylee.cnblogs.com/archive/2005/09/29/246576.aspx
  

/**//// <summary>
        /// 创建Item
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void DataGrid_Total_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            //将Item的呈现方法定向到自定义的呈现方法上
            ListItemType lit = e.Item.ItemType;
            if(ListItemType.Header == lit)
            {
                e.Item.SetRenderMethodDelegate(new RenderMethod(NewRenderMethod));
            }

        }

        /**//// <summary>
        /// 自定义的Item呈现方法
        /// </summary>
        /// <param name="writer"></param>
        /// <param name="ctl"></param>
        private void NewRenderMethod(HtmlTextWriter writer,Control ctl)
        

{
            //不需要从<TR>标签开始

            //第一列"表号"，必须有rowspan属性
            TableCell cell1 = (TableCell)ctl.Controls[0];
            cell1.Attributes.Add("rowspan","2");
            cell1.Attributes.Add("align","center");
            cell1.RenderControl(writer);
            //输出“电度表”列
            writer.Write("<TD colspan=/"4/" 　rowspan＝/"1/" align=/"center/">电度表</TD>/n");
            
            //“月末核算（度）”列必须有rowspan属性
            TableCell cell = (TableCell)ctl.Controls[ctl.Controls.Count - 1];
            cell.Attributes.Add("rowspan","2");
            cell.Attributes.Add("align","center");
            cell.RenderControl(writer);

            //现在关闭第一行
            writer.Write("</TR>/n");

            //将设计时的样式属性添加到第二行使得两行的外观相似
            this.DataGrid_Total.HeaderStyle.AddAttributesToRender(writer);

            //插入第二行
            writer.RenderBeginTag("TR");

            //呈现除了最后一列（刚才已经呈现过了）外的所有在设计时定义的cells
            for(int i=1;i<=ctl.Controls.Count-2;i++)
            {
                ctl.Controls[i].RenderControl(writer);
            }

            //不需要以</TR>结束
        }











-------------------------------------------
在网上搜索了半天,有以下几个方法:

1. 孟子E章的 ()
    隐藏DataGrid的表头,在DataGrid的上放画一个多行表头.
    不方便的地方是::
    a. 对齐表头与DataGrid各列,有点麻烦.
    b. 如果我要把DataGrid(表头形式,数据内容)导进Excel,则不会看到多行表头(多行表头这里不属于DataGrid)
     
2. 直接更改DataGrid的表头样式
   
3.使用RenderMethod委托可以实现DataGrid表头的合并,DataGrid的表头转化为用Table来控制
   请参照:http://terrylee.cnblogs.com/archive/2005/09/29/246576.aspx
  

/**//// <summary>
        /// 创建Item
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void DataGrid_Total_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            //将Item的呈现方法定向到自定义的呈现方法上
            ListItemType lit = e.Item.ItemType;
            if(ListItemType.Header == lit)
            {
                e.Item.SetRenderMethodDelegate(new RenderMethod(NewRenderMethod));
            }

        }

        /**//// <summary>
        /// 自定义的Item呈现方法
        /// </summary>
        /// <param name="writer"></param>
        /// <param name="ctl"></param>
        private void NewRenderMethod(HtmlTextWriter writer,Control ctl)
        {
            //不需要从<TR>标签开始

            //第一列"表号"，必须有rowspan属性
            TableCell cell1 = (TableCell)ctl.Controls[0];
            cell1.Attributes.Add("rowspan","2");
            cell1.Attributes.Add("align","center");
            cell1.RenderControl(writer);
            //输出“电度表”列
            writer.Write("<TD colspan=/"4/" 　rowspan＝/"1/" align=/"center/">电度表</TD>/n");
            
            //“月末核算（度）”列必须有rowspan属性
            TableCell cell = (TableCell)ctl.Controls[ctl.Controls.Count - 1];
            cell.Attributes.Add("rowspan","2");
            cell.Attributes.Add("align","center");
            cell.RenderControl(writer);

            //现在关闭第一行
            writer.Write("</TR>/n");

            //将设计时的样式属性添加到第二行使得两行的外观相似
            this.DataGrid_Total.HeaderStyle.AddAttributesToRender(writer);

            //插入第二行
            writer.RenderBeginTag("TR");

            //呈现除了最后一列（刚才已经呈现过了）外的所有在设计时定义的cells
            for(int i=1;i<=ctl.Controls.Count-2;i++)
            {
                ctl.Controls[i].RenderControl(writer);
            }

            //不需要以</TR>结束
        }






















一、DataGrid的属性设置
　　1. AllowPaging:  true
　　2. PageStyle->Position: TopAndBottom
    3. 可选：PageStyle->HorizonAlign: Center(使文本居中显示)
　　4. 可选：ItemStyle->HorizonAlign: Center(使文本居中显示)
二、代码部分
　　1.首先，使DataGrid绑定数据库中某个表，例如：
 private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(!IsPostBack)
   {
    SqlConnection myConn=new SqlConnection("server=localhost;uid=sa;pwd=sa;database=db_test");
    SqlDataAdapter da=new SqlDataAdapter("Select * from 个人",myConn);
    DataSet ds=new DataSet();
    da.Fill(ds,"gr");
    dgGeRen.DataSource=ds.Tables["gr"].DefaultView;
    dgGeRen.DataBind();


   }
　　2.为DataGrid添加ItemCreated事件的处理函数、
　　3.为了判断DataGrid中的两个（上下）Pager的位置，我们可以使用一个全局变量来判断。
    定义一个全局变量 private int m_CreatePageTimes ＝ 0;
　　4.为DataGrid的ItemCreated事件的处理函数添加内容，如下：
  private void dgGeRen_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   switch(e.Item.ItemType)
   {
     //case(ListItemType.Pager):
    case ListItemType.Pager:
    {
     if(m_CreatePageTimes == 0)
     {
      DataGridItem row=(DataGridItem)e.Item;
      row.Cells.Clear();
      
      //row.BackColor=Color.Navy;  //背景色
      //row.ForeColor=Color.Red; //前景色
      
      row.HorizontalAlign=HorizontalAlign.Center;//使文本居中显示

      TableCell cell0=new TableCell();
      cell0.RowSpan=2;
      cell0.Controls.Add(new LiteralControl("姓名"));

      TableCell cell1=new TableCell();
      cell1.ColumnSpan=2;　  //默认的ColumnSpan值为1
      cell1.Text="住房地址信息";
      
      //也可如此：cell1.Controls.Add(new LiteralControl("住房地址信息"));

      //TableCell cell2=new TableCell();
      //cell2.Controls.Add(new LiteralControl(""));
      TableCell cell2=new TableCell();
      cell2.RowSpan=2;
      cell2.Text="出生日期";

      row.Cells.Add(cell0);
      row.Cells.Add(cell1);
      row.Cells.Add(cell2);
      

      m_CreatePageTimes++;
     }
     break;
    }
    case ListItemType.Header:
    {
     DataGridItem head=(DataGridItem)e.Item;
     head.Cells.Clear();

     //head.VerticalAlign=VerticalAlign.Middle;
     //head.HorizontalAlign=HorizontalAlign.Center;

     //TableCell cell00=new TableCell();
     //cell00.RowSpan=2;
     //cell00.Text="姓名";

     TableCell cell01=new TableCell();
     cell01.Text="楼号";

     TableCell cell02=new TableCell();
     cell02.Text="房号";

     //TableCell cell03=new TableCell();
     //cell03.Text="出生日期";

     //head.Cells.Add(cell00);
     head.Cells.Add(cell01);
     head.Cells.Add(cell02);
     //head.Cells.Add(cell03);
     break;
    }

 

   }
  
  }

三、最后效果如下图：

四、望大家指点！

如下图的DataGrid表头

标题1	标题2
	子标题1	子标题2

在.net中可用如下的方法实现跨行合并DataGrid表头栏位：在DataGrid 的ItemCreate 事件中加入以下代码。

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

{

   if ( e.Item.ItemType == ListItemType.Header )

   {

      TableCellCollection tcl = e.Item.Cells;//获得表头元素的实例

      tcl.Clear();//清除原有控件

      tcl.Add( new TableHeaderCell() );//添加表头控件

      tcl[0].RowSpan = 2;   //定义表头的所占的行数

      tcl[0].Text = "标题1";

      //下一行

      tcl.Add( new TableHeaderCell() );

      tcl[1].ColumnSpan = 2;

      tcl[1].Text = "标题2子标题1子标题2";

   }

}