Skip to content

Marionette.loading simplifies creating loading views in your application.

License

Notifications You must be signed in to change notification settings

gogiel/marionette.loading

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Marionette.loading

Marionette.loading simplifies creating loading views in your application.

With little work your views are automatically replaced with loading view when your collections and models are syncing with server.

Usage

Initializing

There are two ways to initialize Marionette.loading.

Easiest way is to use new View classes:

  • Marionette.LoadingItemView
  • Marionette.LoadingCollectionView
  • Marionette.LoadingCompositeView

Alternatively you can call this.setupMarionetteLoading(); in any Marionette View (could be in initialize()). This will bind all necessary events.

Setting loading view

Using Marionette.loading is similar to using emptyView in Marionette.CollectionView.

Just use loadingView property.

LoadingView = Backbone.Marionette.ItemView.extend({
  template: "#show-loading"
});

Backbone.Marionette.CollectionView.extend({
  // ...

  loadingView: LoadingView
});

Calling manually

Trigger 'loading' event on your collection or model to force your view to change to loading. Trigger 'loaded' event to do opposite.

Implementation details

Marionette.loading counts all events. If you trigger 'request' or 'loading' event N times it requires trigerring 'sync' or 'loaded' items N times as well.

About

Marionette.loading simplifies creating loading views in your application.

Resources

License

Stars

Watchers

Forks

Packages

No packages published