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;
}
}
}
三、最後效果如下圖:
四、望大家指點!