是否可以自动增加中继器控制?

时间:2013-05-21 13:57:01

标签: asp.net webforms

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

<script type="text/javascript">

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

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

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