站长论坛 站长下载

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

　 2007年11月02日17:00:35　 评论(0条) 字体:[大 中 小]
相关热点： 设计 心得 复杂 new TableCell // DataGrid DataGridItem

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

 

   }
  
  }

三、最后效果如下图：

四、望大家指点！