用GridView显示类似于百度文库或豆丁搜出的结果页

前台:

<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False"Font-Size="X-Small"

        CellPadding="4"ForeColor="#333333"GridLines="None" Width="550px" AllowPaging="True"

        OnPageIndexChanging="GridView1_PageIndexChanging"

        OnRowDataBound="GridView1_RowDataBound"PageSize="5">

        <AlternatingRowStyleBackColor="White" />

        <Columns>

            <asp:TemplateField>

                <ItemTemplate>

                <b>

                <%# Eval("ArticleName")%>.<%# Eval("Suffix")%></b><hr/><div style="text-align:left ">

                <small>

                关键字：<%# Eval("Keyword")%><br/>摘要:<%# Eval("Abstract")%><br/></small>大小：<%# Eval("Size")%><asp:LinkButtonID="DownLoad" runat="server" OnClick="DownLoad"CommandArgument='<%# Eval("ID")%>'>下载</asp:LinkButton>

                </div>

                <br/>

                </ItemTemplate>

            </asp:TemplateField>

        </Columns>

       

    </asp:GridView>

 

后台绑定数据即可。

显示效果：