在数据列表中显示图像asp.net

发布于 2024-11-02 12:29:55 字数 952 浏览 5 评论 0原文

我正在使用 datalist 来显示图像。我想显示这样的图像

**image image image** I am getting only 1 row
image image image
image image image
image image image

：三列四行。我有以下设置，但我只获得一行，如何才能每页获得 4 行？

 <asp:DataList Style="border-bottom: 1px solid" ID="ImageList" runat="server" 
                    CssClass="mytable2" 
                 RepeatDirection="Horizontal">

背后代码：

 PagedDataSource objPds = new PagedDataSource();
        objPds.DataSource = productImageList.DefaultView;
        objPds.AllowPaging = true;
        objPds.PageSize = 3;
        objPds.CurrentPageIndex = CurrentPage;


        cmdPrev.Enabled = !objPds.IsFirstPage;
        cmdNext.Enabled = !objPds.IsLastPage;

        ImageList.RepeatColumns = 5;
        ImageList.RepeatLayout = RepeatLayout.Table;
        ImageList.DataSource = objPds;
        ImageList.DataBind();

其中productImageList是一个数据集。

原文

I am using datalist to show images. I want to show images like this

**image image image** I am getting only 1 row
image image image
image image image
image image image

Means, three column and 4 rows. I have below setting but I am getting one row only, how can I get 4 rows per page?

 <asp:DataList Style="border-bottom: 1px solid" ID="ImageList" runat="server" 
                    CssClass="mytable2" 
                 RepeatDirection="Horizontal">

Code behind:

 PagedDataSource objPds = new PagedDataSource();
        objPds.DataSource = productImageList.DefaultView;
        objPds.AllowPaging = true;
        objPds.PageSize = 3;
        objPds.CurrentPageIndex = CurrentPage;


        cmdPrev.Enabled = !objPds.IsFirstPage;
        cmdNext.Enabled = !objPds.IsLastPage;

        ImageList.RepeatColumns = 5;
        ImageList.RepeatLayout = RepeatLayout.Table;
        ImageList.DataSource = objPds;
        ImageList.DataBind();

Where productImageList is a dataset.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝海 2024-11-09 12:29:55

问题是您使用的 PageSize 为 3，这意味着您的数据列表将仅显示 3 条记录。您需要选择 PageSize = 12（3 列 x 4 行）。

objPds.PageSize = 12;

最后，对于数据列表中的 3 列，您需要 ImageList.RepeatColumns = 3; 或根据行和列调整页面大小。

Issue is that you are using PageSize of 3 which means your data-list will get only 3 records to display. You need to select PageSize = 12 (3 columns x 4 rows).