原創|其它|編輯:郝浩|2012-05-09 21:16:30.000|閱讀 704 次
概述:現在大數據集在網絡上隨處可見,您可以用以下DevExpress ASP.NET控件實現無限分頁,實現鼠標滾動自動加載內容,這樣網站性能更高,網站訪問更加流暢。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
先看一下最終效果:
使用實現上圖效果的方法
您可以用以下控件實現上圖中的效果:
你可以到查看代碼:
下面讓我們看看"無限分頁"方案能給我們帶來的好處和一些可能會遇到的問題。
大型數據集
現在大數據集在網絡上隨處可見,一旦用戶需要處理這些一T或更多的信息時,你該怎么辦呢?你可以將它們分成小塊的數據分頁:
無限分頁或無限滾動
無限分頁 (或無限滾動)被許多公司使用,如Facebook、Bing、騰訊、新浪、twitter等。
當一個頁面有大量內容提交時,無限分頁是一個不錯的選擇。一些不需要顯示的數據內容沒有必要一次性加載和顯示,當用戶鼠標向下滾動時,再自動加載更多的數據。(像上面的gif動畫顯示的那樣)
為什么用無限分頁?
我建議這種做法,原因有兩個:
Jeff Atwood有一個夢幻般的博客文章,標題為"分頁的結束"。我從里面截取了一小段:
在完美世界里,每一個搜索結果都在一個頁面,只有一條記錄并且就是你正想找的。
分頁也是阻力。
我的意思不是說所有的分頁都應當被無限分頁代替,但是我們作為軟件開發者,應當避免產生成千上萬的列表和分頁,這無疑增大了用戶的負擔。記住,我們發明計算機是為了使人們的生活更容易,而不是更困難。
Google研究證實最終用戶通常不喜歡看到所有的數據:
用戶測試報告告訴我們搜索者更喜歡整頁瀏覽、單頁內容的版式,而不是只包含部分內容和許多分頁符的頁面。
有趣的是,用戶不喜歡整頁瀏覽花長時間加載(例如,當整頁瀏覽加載需要一些時間時,用戶認為它包含許多圖像)。這是有道理的,因為我們知道,用戶對緩慢不太滿意。所以,整頁瀏覽通常先加載需要顯示的部分。作為一個站長,重要的是要平衡這種偏好頁面的加載時間和整體用戶體驗。
無限滾動也有一些缺點,比如滾動條的問題,深層鏈接,后退按鈕的位置,以及其他Jeff的文章()中提到的問題。
實驗,重復,實驗...
重復和測試各種可用性方案是良好用戶界面的關鍵。我建議你使用DevExpress ASPxCallBack,ASPxLoadingPanel等嘗試無限分頁。無限分頁的功能包含在ASPxGridView中:
你應該努力使分頁無關高于一切,因為用戶永遠只會看到他們需要的那一條內容。 -Jeff Atwood
示例代碼
示例代碼中心的操作流程如下:
出處: