将gridview中的图像显示为块项目

时间:2009-09-24 23:31:36

标签: asp.net vb.net gridview

我想在gridview中显示5个横向和5个向下显示的项目 - 我已经拥有了 查询每页只拉25条记录,但似乎无法使gridview做我想做的事 - 任何建议?

例如------------------------------

记录1:记录2:记录3:记录4:记录5


记录6:记录7:记录8:记录9:记录10


等...........................................

1 个答案:

答案 0 :(得分:3)

我的建议是切换到ListView而不是GridView。 ListView是.Net 3.5中的新功能,对于我正在谈论的场景而言,它为我创造了奇迹。 Scott Guthrie在他的博客上有一个good example

以下是我个人网站上3x4网格图片的示例...

<ul id="thumbnails">
    <asp:ListView runat="server" ID="PicturesListView" ItemPlaceholderID="PicturesListItemPlaceholder"
        DataSourceID="PicturesDataSource">
        <LayoutTemplate>
            <li runat="server" id="PicturesListItemPlaceholder"></li>
        </LayoutTemplate>
        <ItemTemplate>
            <li>
                <a href='Photos/<%# Eval("WebImageId") %>.jpg' class="thickbox" rel="gallery-test"
                    title='<%# Eval("Caption") %>'>
                    <img src="Photos/<%# Eval("ThumbnailId") %>.jpg" alt='<%# Eval("Caption") %>' />
                </a></li>
        </ItemTemplate>
    </asp:ListView>
</ul>

和我的CSS排队......

/* Picture Thumbnails */
#thumbnails ul
{
    width: 800px;
    list-style: none;
}
#thumbnails li
{
    text-align: center;
    display: inline;
    width: 200px;
    height: 130px;
    float: left;
    margin-bottom: 20px;
}