Submit A Resource
Contact Us
About Functionn

Subscription Options

Subscribe By Email (265+)



May 23, 2012

Author: Hirvesh Posted At: 5/23/2012 Tags: , , , , , - A Proper jQuery Mobile Widget For Lazy Loading Listviews

Share: 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 can be found on the demo of a larger project here:  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
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.

Trending Posts On Functionn This Week


Other Interesting Resources:


Post a Comment


Recent Posts

Popular Categories

Popular Components

Popular Licenses