Call one app's view from another in Marionette

Question

I have an IdentificationView that has to call a method of another view in different app:

var NameAndIdentificationView = Application.Views.ItemView.extend({
    loadMailingAddressView: function() {
                //call to mailing address view method setAddress() from here
    }
});

Now my MailingAddressView is something like this:

var MailingAddressView= Application.Views.ItemView.extend({
    setAddress: function(address) {
        if (address != null) {
            // this.autoCompleteBox.data('inputData') = address;
            ProWeb.EXTRACTED_ADDRESS = address;
            this.model.set('mailingAddress', address);
        }
    }
});

I would like to know what is the way to call a method of one view from another. Please provide suggestions.

EDIT:

This is how my application has been setup:

First App is called.
Then the Controller is called.
From within the Controller, View is called and intialized.

So from within my NameIdentificationView, I'm calling the MailingAddress app that in turn controls all the process of calling the controller and it's view.

score 2 · Accepted Answer · answered Jul 30 '15 at 07:35

2

You can do it many ways using event channel,triggering and listening events on shared model, the simpler way of doing this is using Bsckbone events.

Trigger a event in caller

loadMailingAddressView: function () {
                //call to mailing address view method setAddress() from here
             Backbonw.trigger('setAddress')
})

and listen in callee's initalize

    var MailingAddressView = Application.Views.ItemView.extend({

    initialize: function() {
        Backbone.on('setAddress', this.setAddress)
    },
    setAddress: function(address) {
        if (address != null) {
            // this.autoCompleteBox.data('inputData') = address;
            ProWeb.EXTRACTED_ADDRESS = address;
            this.model.set('mailingAddress', address);
        }
    },
});

make sure callee View is initialized by the time you trigger event

answered Jul 30 '15 at 07:35

StateLess

5,344
3
20
29

how do I initialize the MailingAddressView here? – Abhishek Jul 30 '15 at 07:46
just like other views, can you be more specific? – StateLess Jul 30 '15 at 08:28
I've edited my question to be more specific. Please let me know if I'm still not clear. – Abhishek Jul 30 '15 at 08:43
i am confused, i don't know what is app and controller it will be. so just initialize MailingAddressView before loadMailingAddressView and you are good to go – StateLess Jul 30 '15 at 08:47
Hey @ezpura, that worked, thanks! Just one more thing, I want to pass on parameters to the setAddress() method during the trigger. Can I do that? – Abhishek Jul 30 '15 at 10:38

Call one app's view from another in Marionette

1 Answers1