我的网页上有一个转发器控件,可以通过搜索显示图像。用户搜索关键字,我的程序将搜索结果存储在数据表中。然后,转发器在数据表中显示图像。因此,如果数据表中有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个,当用户向下滚动或点击“更多”按钮时,让转发器自动扩展,或类似的东西?
谢谢!
答案 0 :(得分:0)
为此你必须搜索鼠标的自动刷新或滚动事件。
自动刷新你可以用javascript编写这种代码,你可以在每个间隔后重新加载页面
<script type="text/javascript">
setInterval(function () {
load()
}, 30000);
var load = function () {
location.reload();
};
</script>
并且在页面的加载事件中,您必须将数据重新绑定到转发器。