1

我的网页上有一个转发器控件,它显示搜索结果的图像。用户搜索关键字,我的程序将搜索结果存储在数据表中。然后中继器在数据表中显示图像。因此,如果数据表中有 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 个,并在用户向下滚动或点击“更多”按钮或类似的东西时让中继器自动展开?

谢谢!

4

1 回答 1

0

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

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

<script type="text/javascript">

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

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

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

于 2013-05-21T14:07:59.747 回答