asp.net中DataGrid雙行跨列跨行複雜表頭設計心得!

來源:互聯網
上載者:User
asp.net|datagrid|設計|心得
一、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;
    }

 

   }
  
  }

三、最後效果如下圖:

四、望大家指點!


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.