MVC3 How to implement result browser like twitter/facebook do it (without paging)

Question

I'm looking for leads on how to implement a (search-)result browser without using paging. But more like how twitter/facebook do it.

At first only 10 or so results need to be displayed but when scrolling down, more results (if any) should be added asynchronously. I've found examples with a [more] button at the end but I would like the browser to automatically fetch more when the bottom of the pane is reached.

I'm having trouble finding the right examples. Probably because I don't know what keywords to google on...

Hope you can help me out in the right direction!

Kind regards,

Paul

You will probably need to use a bit of jquery to call your ajax when the user scrolls down — Gaz Winter, Jan 08 '13 at 12:55

score 3 · Accepted Answer · answered Jan 08 '13 at 12:58

3

I advise you read following article regarding this subject:

Infinite Scroll in ASP.NET MVC

There is also a sample application available here.

answered Jan 08 '13 at 12:58

tpeczek

23,867
3
74
77

score 2 · Answer 2 · answered Jan 08 '13 at 12:57

2

Refer to the Replace paging with jQuery and subsonic continuous scrolling method blog post.

answered Jan 08 '13 at 12:57

platon

5,310
1
22
24

score 1 · Answer 3 · edited May 23 '17 at 11:56

1

Have a look at the following pages:

On Scroll down how to make ajax call and get the respone data

create-a-dynamic-scrolling-content-box-using-ajax

I believe that should help you!

edited May 23 '17 at 11:56

Community

1
1

answered Jan 08 '13 at 12:57

Gaz Winter

2,924
2
25
47

MVC3 How to implement result browser like twitter/facebook do it (without paging)

3 Answers3