asp.net中DataGrid双行跨列跨行复杂表头设计心得!

原创 2005年02月28日 15:29:00

一、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;
    }

 

   }
  
  }

三、最后效果如下图:

http://dotnet.mblogger.cn/upimgs/dotnet.mblogger.cn/Mark_Lee/2005-2/2005_228786.jpg

四、望大家指点!

ASP.NET Aries DataGrid 配置表头说明文档

DataGrid 配置表头 字段 中文 说明 Field 字段 注意:mg_ 开头的字段为层级表头 Title 列称   OrderNum ...
  • cyq1162
  • cyq1162
  • 2016年11月23日 12:18
  • 336

ASP.NET中Web DataGrid的使用指南(转自前沿设计网-找到这个真不容易啊!)

关键词:ASP.NET中Web DataGrid的使用指南 很久以前就想写一些关于DataGrid/DataList的东西,但是一直以来,一方面自感所学未深,另一方面,总觉无从下笔,一拖再拖,离刚开...

ASP.NET如何导出excel和txt并可以个性化修改表头添加统计行等,并传回客户端下载

近来在做项目和学习的过程都遇到了导出并下载excel和txt文档的需求,故在网上搜索累死的功能,我发现通过将DataTable中的数据导出成excel,让后将excel文件用记事本打开你会发现其实导出...
  • pld1990
  • pld1990
  • 2014年01月19日 19:34
  • 1025

Jquery easyUI-DataGrid 复杂表头设计方法

Jquery easyUI-DataGrid 复杂表头设计方法

asp.net中显示DataGrid控件列序号的几种方法

asp.net中显示DataGrid控件列序号的几种方法 收藏 在aps.net中多数据绑定的控件很多,论功能来说,应该属DataGrid最为齐全,但它没有提供现成的显示记录序号的功能,不过我们可以通...

C#导出Excel——多表头、表头跨行跨列合并

c# 多表头,导出Excel

dhtmlxGrid标题表头跨行,夸列显示

dhtmlxGrid标题表头跨行,夸列显示 jsp代码: js代码: var grid_mw_st_month; grid_mw_st_month = new...

Asp.Net使用Easy UI DataGrid 实现行过滤[行模糊查询数据]

在使用Easy UI datagrid 列表控件时,对列表数据的查询需要自己写查询页面,然后点击按钮查询取到数据刷新datagrid,如何说直接在datagrid列表上面对列表上面的某一列进行数据查询...

ASP.NET Aries 入门开发教程7:DataGrid的行操作(主键操作区)

前言: 抓紧勤奋,再接再励,预计共10篇来结束这个系列。 上一篇介绍:ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑 本篇介绍主键操作区相关内容。 1:什么时候有默认...
  • cyq1162
  • cyq1162
  • 2016年11月23日 12:19
  • 442
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp.net中DataGrid双行跨列跨行复杂表头设计心得!
举报原因:
原因补充:

(最多只允许输入30个字)