I have user model which needs to be accessed in multiple views all over the site. Can I create a global model in a marionette application?

So i can access it through:

window.MarionetteApp.userModel

This is the only idea I've had so far that makes sense. Unless someone has a better way to structure a user in backbone.marionette, im open to ideas.

I have user model which needs to be accessed in multiple views all over the site. Can I create a global model in a marionette application?

So i can access it through:

window.MarionetteApp.userModel

This is the only idea I've had so far that makes sense. Unless someone has a better way to structure a user in backbone.marionette, im open to ideas.

• javascript
• backbone.js
• marionette

• Is it an instance of the model, or the model definition that you need to access in multiple places ? – thibauts Commented Oct 8, 2013 at 17:07
• Well I do the same thing, I will just have one global variable called "app", any thing needs to be stored on global, I just add to app. – Ravi Hamsa Commented Oct 8, 2013 at 18:10

3 Answers 3

I remend using Marionette.RequestReponse. With it, you can do something like this:

MarionetteApp.reqres.setHandler('currentUser', function() {
   if(MarionetteApp.currentUser) return MarionetteApp.currentUser;

   var user = MarionetteApp.currentUser = new MarionetteApp.models.User(/* whatever */);
   return user;
});

And then get your model like so:

var user = MarionetteApp.request('currentUser');

the good example wrote David Sulc:

ContactManager.module("Entities", function(Entities, ContactManager, Backbone, Marionette, $, _){
  Entities.Header = Backbone.Model.extend({
    initialize: function(){
      var selectable = new Backbone.Picky.Selectable(this);
      _.extend(this, selectable);
    }
  });

  Entities.HeaderCollection = Backbone.Collection.extend({
    model: Entities.Header,

    initialize: function(){
      var singleSelect = new Backbone.Picky.SingleSelect(this);
      _.extend(this, singleSelect);
    }
  });

  var initializeHeaders = function(){
    Entities.headers = new Entities.HeaderCollection([
      { name: "Contacts", url: "contacts", navigationTrigger: "contacts:list" },
      { name: "About", url: "about", navigationTrigger: "about:show" }
    ]);
  };

  var API = {
    getHeaders: function(){
      if(Entities.headers === undefined){
        initializeHeaders();
      }
      return Entities.headers;
    }
  };

  ContactManager.reqres.setHandler("header:entities", function(){
    return API.getHeaders();
  });
});

I ended up doing this

MyApp.addInitializer(function(){
    this.currentUser = new UserModel();
});