2013-05-21 41 views
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個,並且當用戶向下滾動或點擊「更多」按鈕或類似的東西時讓中繼器自動展開?

謝謝!

+1

你需要利用'PagedDataSource',看看這個鏈接:http://www.4guysfromrolla.com/articles/081804-1.aspx –

+0

你需要使用Ajax與jQuery或ajaxtoolkit組件爲那 –

+0

@MichaelPerrenoud,這看起來正是我所需要的。你應該把它作爲答案,以便我可以接受它。謝謝你的幫助! – Kevin

回答

0

爲此,您必須搜索鼠標的自動刷新或滾動事件。

自動刷新,你可以每間隔

<script type="text/javascript"> 

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

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

後你必須將數據重新綁定到中繼器頁面的加載事件編寫使用,你可以重新載入頁面這樣的JavaScript代碼。

相關問題