科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道用嵌套的DataGrid实现主从式表的显示

用嵌套的DataGrid实现主从式表的显示

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

   经过半年的asp.net学习和开发的实践,随着学会的东西在不断增加的同时也发现不会的东西也在不断地增加,尽管如此,在这段时间里还是或多或少地积累了一些个人的开发经验。

作者:中国IT实验室 来源:中国IT实验室 2007年10月1日

关键字:

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共2页)

  
   
   这个是在DataGrid的ItemCreated事件过程中来具体实现的。首先创建Header,对于以上表格而言,它的Header缺省的是和Item一样有2列。那么我们要先清除Header中缺省的单元格控件,然后逐一创建Header1、Header2、Header3、Header4四个单元格控件。具体实现如下:
  
  1、 利用语句e.Item.ItemType = ListItemType.Header来找到DataGrid的Header;
  
  2、 清除Header中的缺省控件;
  
   e.Item.Controls.Clear()
  
  3、 创建新的单元格控件,
  
   dim cell0 as new TableCell
  
   cell0.Controls.Add(new LiteralControl("Header1"))
  
   e.Item.Controls.Add(cell0)
  
   并可以通过以下语句对单元格的风格、背景、宽度、高度、位置等属性进行设置:
  
   cell0.MergeStyle(dgAllRights.HeaderStyle)
  
   cell0.BackColor = Color.FromName("#8faae7")
  
   cell0.Width = Unit.Percentage(10)
  
   cell0.Height = Unit.Pixel(intHeight)
  
   cell0.HorizontalAlign = HorizontalAlign.Center
  
  4、 重复第3步,创建其它三个单元格控件。
  
   到此为止,Header就创建好了,但是由于Header的改变,导致Item的列出现了变化,由2列变成了4列,所以我们需要进行Item的单元格合并操作,具体语句如下:
  
   '设置Item第二列的ColumnSpan合并单元格属性
  
   If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then
  
   dim cell as TableCell
  
   cell = e.Item.Cells(1)
  
   cell.ColumnSpan = 3
  
   end if
  
   三、DataGrid嵌套显示主从式表
  
   经过以上两个问题的解决,尤其是第二个问题的解决,可以说现在这个问题的实现就非常容易了。
  
   首先为主DataGrid创建一个模板列,在该模板列中放置从DataGrid控件,从DataGrid控件的ShowHeader属性设为false,复选框控件的使用由从DataGrid控件来实现,而主DataGrid的表格形式要根据上述的第二个问题来定制。所以主DataGrid和从DataGrid控件的数据源也可以是不同的。然后根据自己的需要进行样式的设定,以下是最终形成的结果:
  
   当然,除了这种方法以外,一定还有其它的方法可以实现,关键是多尝试,在不断尝试的过程中一定会有一些意想不到的收获。

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章