私の Web ページには、検索結果として画像を表示するリピーター コントロールがあります。ユーザーがキーワードを検索すると、私のプログラムは検索結果をデータ テーブルに格納します。次に、リピーターは画像をデータ テーブルに表示します。したがって、データ テーブルに 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 個しか表示せず、ユーザーが下にスクロールしたり、[MORE] ボタンを押したりしたときにリピーターを自動展開させる方法はありますか?
ありがとう!