Scrolling Data Pagination using Ajax
Tired of continuously clicking next page, next page, next page to find the data you are looking for? I always thought this was just something you had to deal with when viewing data on the Internet, that was until I took a look at the new Microsoft live image search. Instead of forcing the user to click next page to paginate the data the page catches the scroll event and fetches the next page of data and adds it to the output asynchronously. In this project I will expand upon my previous project Using Linq to paginate your ObjectDataSource, replacing the standard grid with a scrolling paginated grid. This example works by first creating an Ext JS grid, making a call to a custom json rpc handler to retrieve data, and by adding an event listener to the scrolling event of our grid. This article will focus primarily on the AJAX portion of this project to read more on the underlying data pagination technique please take a look at the previous version of this project.
Topics covered in this project:
- Singleton Collections
- Querying objects using Linq
- Using Skip() and Take() with Linq
- Custom Data Pagination
- Creating a custom Json RPC handler using Jayrock
- Using the Ext JS with asp.net and Json RPC
- Working with javascript events and asynchronous javascript