jQuery.mobile.lazyloader - A Proper jQuery Mobile Widget For Lazy Loading Listviews

jQuery.mobile.lazyloader is a proper jQuery Mobile Widget for lazy loading listviews with AJAX calls to a server-side resource.

Lazyloading (i.e. loading the content as it's needed during a scroll of a listview or similar control) is a great way to optimize the performance of any app that contains a list of 50 or more items. With the LazyLoader Widget for jQuery Mobile, you can easily lazyload any listview without having to write a bunch of custom code to accomplish it. The idea is to enable the widget on index pageinit, and then track instances of pages that contain listviews that can all be independently lazyloaded with the main widget instance.

Note: This is only the client-side part of the lazyloading solution. It requires a server-side resource that returns a simple JSON formatted string.


Live demo of jQuery.mobile.lazyloader can be found on the demo of a larger project here:
http://www.mpdtunes.com.  Click on the "Live Demo" tab and log in.  Add a bunch of music to the queue (demo songs can be added more than once) and then go to view the Queue and the list of songs in the queue will be lazy loaded.



Requirements: jQuery, jQuery Mobile
Demo: http://www.mpdtunes.com
License: MIT License

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Your Email Address

Trending Posts On Functionn This Week

Share:

Other Interesting Resources: