【问题标题】:Is it possible to auto increment repeater control?是否可以自动增加中继器控制?
【发布时间】:2013-05-21 13:57:01
【问题描述】:

我的网页上有一个转发器控件,它显示搜索结果的图像。用户搜索关键字,我的程序将搜索结果存储在数据表中。然后中继器在数据表中显示图像。因此,如果数据表中有 150 张图像,中继器将显示所有 150 张图像。这是我的中继器的代码:

<div>
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <div style="background-color: Silver; border-style: solid; display: inline-block;
                float: left; margin: 5px; overflow: hidden;">
                <div style="text-align: center">
                    <asp:Label ID="lblImage" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "image") %>'></asp:Label>
                </div>
                <div>
                    <%# DataBinder.Eval(Container.DataItem, "url") %>
                </div>
                <div style="text-align: center;">
                    <asp:HyperLink ID="requestLink" runat="server" Text="Original" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "requestUrl") %>'>
                    </asp:HyperLink>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>

但是,如果我不想显示全部 150 张图片怎么办?有没有办法一次只显示 20 个,并让中继器在用户向下滚动或点击“更多”按钮或类似的东西时自动展开?

谢谢!

【问题讨论】:

  • 你需要使用PagedDataSource,看看这个链接:4guysfromrolla.com/articles/081804-1.aspx
  • 您需要将 ajax 与 jquery 或 ajaxtoolkit 组件一起使用
  • @MichaelPerrenoud,这看起来正是我所需要的。您应该将其作为答案,以便我可以接受。感谢您的帮助!
  • @JavaRox,不用担心,链接的内容(即您必须实现的内容)过于宽泛,无法作为答案提供,并且当仅提供链接时,社区更喜欢它们只是 cmets。我很高兴能为您提供帮助!
  • @MichaelPerrenoud,非常感谢您的帮助。干杯!

标签: asp.net webforms


【解决方案1】:

为此,您必须搜索鼠标的自动刷新或滚动事件。

对于自动刷新,您可以在 javascript 中编写这种代码,您可以在每个间隔后重新加载页面

<script type="text/javascript">

    setInterval(function () {
        load()
    }, 30000);

    var load = function () {
        location.reload();
    };  
</script>

在页面的加载事件中,您必须将数据重新绑定到转发器。

【讨论】:

    最近更新 更多