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

原创 2003年02月17日 11:32:00

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

经过半年的asp.net学习和开发的实践,随着学会的东西在不断增加的同时也发现不会的东西也在不断地增加,尽管如此,在这段时间里还是或多或少地积累了一些个人的开发经验,最重要的是学会如何更加充分地利用已经知道的知识和技术来完成自己想要达到的目的。<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

    如何实现主从式表的显示问题是我开发中所遇到的一个难题,在这个问题中还涉及到在DataGrid中使用复选框控件和定制DataGrid的单元格的问题。下面就这三个问题逐一进行解决。

    一、在DataGrid中使用复选框控件

    这个问题的解决有几种方式,我选用了一种既适用于复选框控件又适用于单选框控件的方式。具体实现如下:

    DataGrid创建一个ButtonColumn,或者创建一个模板列,在模板列中放入一个Label控件(注:这些控件的选择并不是唯一的)。然后在DataGridItemDataBound事件过程中生成复选框控件(单选框控件)的HTML标记并设置其相应的属性,就可以实现在DataGrid表中进行多选(单选)的功能。生成复选框控件的HTML标记的语句如下:

     1 If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then

     2     Dim r As LinkButton

     3     r = e.Item.Cells(2).Controls(0)

     4     r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' >"

     5   End If

    这种情况下,checkboxradio不能自动进行状态的管理,需要手动维持状态,也就是在表单提交到服务器返回浏览器显示的时候能够显示出提交前所进行的最后选择。这一步的实现并不难,先通过SelectResult = Request.Form("chbRights")语句获得表单提交的选择结果,然后将上面的第4句作如下修改:

                if SelectResult.IndexOf(strID) <> -1 then

                  r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' checked>"

                else

            r.Text = "<input type=checkbox name='chbRights' value='" & strID & "' >"

                end if

    二、定制DataGrid的单元格

    假设要完成的表格样式如下:

Header1

Header2

Header3

Header4

Item1

DataGrid1

Item2

DataGrid2

                              1

其中Header4列,每个Item只有2列。

    这个是在DataGridItemCreated事件过程中来具体实现的。首先创建Header,对于以上表格而言,它的Header缺省的是和Item一样有2列。那么我们要先清除Header中缺省的单元格控件,然后逐一创建Header1Header2Header3Header4四个单元格控件。具体实现如下:

1、 利用语句e.Item.ItemType = ListItemType.Header来找到DataGridHeader

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控件的数据源也可以是不同的。然后根据自己的需要进行样式的设定,以下是最终形成的结果:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

    当然,除了这种方法以外,一定还有其它的方法可以实现,关键是多尝试,在不断尝试的过程中一定会有一些意想不到的收获。

 

 

 

jquery easyui datagrid 实现嵌套表格

subGrid,也就是datagrid中再套一层datagrid,比较适合用于显示一些带有层次的数据,比如要显示一批订单,订单包含具体的货物。这样一个需求,就可以用到subGrid。 我们可以先看看...
  • zhu_nana
  • zhu_nana
  • 2015年11月23日 11:18
  • 9720

DataGrid嵌套

http://singlepine.cnblogs.com/articles/312975.html
  • stonec
  • stonec
  • 2008年05月14日 22:09
  • 262

datagrid嵌套

datagrid id="dgd_Parent" runat="server" ShowFooter="True" AutoGenerateColumns="False" Width="100%"  ...
  • byzcm
  • byzcm
  • 2005年09月22日 08:25
  • 714

datalist里面放一个嵌套的datagrid

>>>item里面的一个hidden里面的值来决定        what   kind   of   hidden   value?   is   it   obtained   through  ...
  • mathew3625
  • mathew3625
  • 2007年05月17日 20:44
  • 454

datagrid 显示主从表数据

datagrid 显示主从表数据
  • szyyyp
  • szyyyp
  • 2016年06月22日 16:07
  • 1013

easyui主从表实现

今天用easyui做了一个主从表的查询,当然后续还会做编辑功能,用的是firefox debug ,感觉跟踪起来还是比较方便,以前做delphi开发,不用注意大小写问题,今天用easyui做前端时,让...
  • baronyang
  • baronyang
  • 2014年07月08日 18:28
  • 5566

ASP.NET(C#)中的DataGrid的嵌套。

De_MainList为DataGrid1的IDDe_ArticleList为DataGrid2的ID在DataGrid1中必须添加DataKeyField="ID"参数ID 为主表的和次表的关联字段...
  • sdm68
  • sdm68
  • 2006年03月13日 23:13
  • 657

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

                   用嵌套的DataGrid实现主从式表的显示   经过半年的asp.net学习和开发的实践,随着学会的东西在不断增加的同时也发现不会的东西也在不断地增加,尽管如此,...
  • janesnow
  • janesnow
  • 2003年02月17日 11:32
  • 1267

GridView模版列嵌套GirdView显示主从表数据

GridView模版列嵌套GirdView显示主从表数据 当需要在一个列表中显示主从表(例如部门-人员的信息),在asp.net1.1中我们可能会使用DataGrid模版列嵌套DataGrid的方法实...
  • JOEMAIL
  • JOEMAIL
  • 2006年11月03日 18:09
  • 987

c# winform 主从表结构的方法

2.使用DEV属性页设置
  • zr_wb
  • zr_wb
  • 2016年10月14日 14:38
  • 1089
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用嵌套的DataGrid实现主从式表的显示
举报原因:
原因补充:

(最多只允许输入30个字)