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

 

   }
  
  }

三、最后效果如下图:

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

四、望大家指点!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在VB.NET使用MySQL数据库连接并显示数据在DataGrid的步骤如下: 1. 首先,确保已经安装并导入了MySQL连接器。在项目添加对`MySql.Data.dll`的引用。 2. 创建MySQL连接:使用`MySqlConnection`类来连接MySQL数据库。需要传递连接字符串,包括服务器地址、用户名、密码等信息。 ```vb Dim conn As MySqlConnection = New MySqlConnection("server=localhost;user id=root;password=1234;database=mydatabase") ``` 3. 打开连接:使用`Open()`方法打开连接。 ```vb conn.Open() ``` 4. 创建SQL查询字符串:可以根据需要编写SELECT语句,并将其分配给一个字符串变量。 ```vb Dim sql As String = "SELECT * FROM mytable" ``` 5. 创建DataAdapter和DataSet:使用`MySqlDataAdapter`类和`DataSet`类来填充数据。 ```vb Dim da As MySqlDataAdapter = New MySqlDataAdapter(sql, conn) Dim ds As DataSet = New DataSet() ``` 6. 填充DataSet:使用`Fill()`方法将数据填充到DataSet。 ```vb da.Fill(ds, "mytable") ``` 7. 绑定DataGrid:使用`SetDataBinding()`方法将DataSet绑定到DataGrid。 ```vb DataGrid1.SetDataBinding(ds, "mytable") ``` 8. 关闭连接:使用`Close()`方法关闭数据库连接。 ```vb conn.Close() ``` 通过以上步骤,您可以成功地将MySQL数据显示在VB.NET的DataGrid。请注意,在连接MySQL数据库之前,您需要确保已经正确安装并配置了MySQL数据库,并且需要正确提供数据库连接字符串的服务器地址、用户名、密码等信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值