DataList嵌套GridView实现文章分类列表显示

昨天晚上花了三个多小时写一个程序实现下面这种功能的：

现在我把我的代码贴上来大家分享一下，这个用到一个DataList，和GridView。先到Dreamwaver里面把布局布好，我用的是div+css布局的
然后在DataList中嵌套进GridView控件，在把样式做好，然后就开始写代码了
.aspx中代码：

 1<div id="div_bodyright">
 2
 3<asp:DataList ID="list" runat="server" RepeatColumns="2" RepeatDirection="Horizontal" DataKeyField="TypeID"
 4    RepeatLayout="Flow" OnItemDataBound="list_ItemDataBound">
 5    <ItemTemplate>
 6        <div id="div11" class="bodyleft">
 7            <div id="title1" class="cls_title">
 8                <div id="tl1" class="cls_tleft"><img src="images/bullet1.gif" alt="Title"/>&nbsp;<label id="t1" class="lbTxt"><%# DataBinder.Eval(Container.DataItem, "TypeName")%></label></div>
 9                <div id="tr1" class="cls_tright"><img src="images/more.gif" alt="More" /></div> 
10            </div>
11            <div id="list1" class="divlist">
12            <asp:GridView ID="gvArticle1" runat="server" ShowHeader="false" ShowFooter="false" AutoGenerateColumns="False"  CellPadding="4" ForeColor="#333333" GridLines="None" width="100%">
13            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
14                <Columns>
15                    <asp:TemplateField HeaderText="标题">
16                        <ItemStyle Width="80%" />
17                        <ItemTemplate>
18                            <asp:HyperLink ID="title" runat="server" NavigateUrl='<%#"Article.aspx?a>>

.cs中的代码：

    BllArticle bll = new BllArticle();

    protected void Page_Load(object sender, EventArgs e)
    }

在数据层中的代码：

        }

这样就可以了，不过我这里就不把CSS文件的代码贴上来了，实现的效果就是上面截图那样的