利用Repeater解决DataGrid的嵌套显示问题

    一直以来,客户需要在WEB上面显示嵌套的数据页面,如下图所示:
   
    而我们的项目全部统一采用DataGrid来进行数据的绑定显示.对于这种嵌套数据的显示,我一直头疼.在网上搜了N种方法:采用嵌套DataGrid...手动在数据绑定的时候进行一些额外操作分割单元格.....全部都麻烦得要死.今天总算在CodeProject上面找到一种方便点的方法:采用Repeater来解决这个问题.
    首先,来看下我的DataGrid中列的html代码:
<asp:BoundColumn Visible="False" DataField="ID"></asp:BoundColumn> <asp:BoundColumn DataField="OrganName" HeaderText="部门名称"></asp:BoundColumn> <asp:TemplateColumn HeaderText="员工"> <ItemTemplate> <FONT face="宋体"> <asp:Repeater id="Repeater1" runat="server" DataSource='<%# ((System.Data.DataRowView)Container.DataItem).Row.GetChildRows("parentchild") %>'> <HeaderTemplate> <table> </HeaderTemplate> <ItemTemplate> <tr> <td><%# DataBinder.Eval(Container.DataItem,"[/"EmployeeName/"]")%></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater></FONT> </ItemTemplate> </asp:TemplateColumn>


    其中的ID列表示机构的ID,用来和员工信息中的机构ID进行"关联".
    再来看关键代码
DataSet ds = new DataSet(); DataTable dtOrgan = new DataTable(); dtOrgan.Columns.Add("ID",typeof(string)); dtOrgan.Columns.Add("OrganName",typeof(string)); ... /*...往机构表中灌数据...*/ ds.Tables.Add(dtOrgan); DataTable dtEmployee = new DataTable(); dtEmployee.Columns.Add("OrganID",typeof(string)); dtEmployee.Columns.Add("EmployeeName",typeof(string)); ... /*...往员工表中灌数据...*/ ds.Tables.Add(dtEmployee); ds.Relations.Add("parentchild",ds.Tables[0].Columns["ID"],ds.Tables[1].Columns["OrganID"]); dgList.DataSource = ds.Tables[0].DefaultView; dgList.DataBind();

    最主要的就是利用了DataSet的Relations的属性,通过属性来将父子表关联起来,然后进行数据的绑定.最后,在WEB上运行出来的效果如下所示:
   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值