下面是一个示例图:
既有两个表,其中一个是大类表,还有一个是小类表。比如在使用ms sql server的Northwind数据库时,在product产品表中,每一个产品都是属于一个类别,这些类别在category表中定义。那么我们可以按照category表中类别的顺序,在DATAGRID中显示每个类别有哪些产品。
在这个DATAGRID中,蓝色的行标题是一个分类标题,分类标题以下的就是该分类下的所有代管人员了。
首先:建立一个--DataGrid--
<asp:DataGrid id="dg_CusInfo" runat="server" CssClass="GbText" BorderColor="#CCCCCC" BorderStyle="None"
                                    BorderWidth
="1px" BackColor="White" CellPadding="3" AutoGenerateColumns="False" Width="100%"
                                    DataKeyField
="EmpTypeID">
                                    
<FooterStyle ForeColor="#000066" BackColor="White"></FooterStyle>
                                    
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#669999"></SelectedItemStyle>
                                    
<ItemStyle ForeColor="#000066"></ItemStyle>
                                    
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#006699"></HeaderStyle>
                                    
<Columns>
                                        
<asp:BoundColumn DataField="EmpTypeName" HeaderText="代管人员"></asp:BoundColumn>
                                        
<asp:BoundColumn DataField="EmpTypeKinds" HeaderText="类 型">
                                            
<HeaderStyle HorizontalAlign="Center" Width="10%"></HeaderStyle>
                                            
<ItemStyle HorizontalAlign="Center"></ItemStyle>
                                        
</asp:BoundColumn>
                                        
<asp:BoundColumn DataField="CreateDate" HeaderText="创建时间" DataFormatString="{0:yyyy-MM-dd}">
                                            
<HeaderStyle HorizontalAlign="Center" Width="12%"></HeaderStyle>
                                            
<ItemStyle HorizontalAlign="Center"></ItemStyle>
                                        
</asp:BoundColumn>
                                        
<asp:TemplateColumn ItemStyle-HorizontalAlign="Center">
                                            
<HeaderStyle HorizontalAlign="Center" Width="5%"></HeaderStyle>
                                            
<ItemTemplate>
                                                
<asp:LinkButton runat="server" Text="进入" CommandName="" CausesValidation="false" CssClass="buttoncss"></asp:LinkButton>
                                            
</ItemTemplate>
                                        
</asp:TemplateColumn>
                                    
</Columns>
                                    
<PagerStyle HorizontalAlign="Left" ForeColor="#000066" BackColor="White" Mode="NumericPages"></PagerStyle>
                                
</asp:DataGrid>

然后信息绑定 到DataGrid中
dg_CusInfo信息绑定
shRow("UnitPrice") = "SubHead",是为了在item_bound事件中判定是否要合并整个行!

其item_bound事件中
dg_CusInfo相关事件



posted on 2005-03-09 15:18  powerlc  阅读(1288)  评论(2编辑  收藏  举报