Question

155

How to pass parameters to a view

rated 0 times [ 158] [ 3] / answers: 1 / hits: 87447 / 13 Years ago, tue, october 18, 2011, 12:00:00

I have a series of buttons which when clicked display a popup menu positioned just below the button. I want to pass the position of button to the view. How can I do that?

ItemView = Backbone.View.extend({

    tagName: 'li',

    events: {

        'click': 'showMenu'

    },

    initialize: function() {

        _.bindAll(this, 'render');

    },

    render: function() {

    return $(this.el).html(this.model.get('name'));

    },

    showMenu: function() {

        var itemColl = new ItemColl();

        new MenuView({collection: itemColl}); // how to pass the position of menu here?

    }

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominickmackenziet

Add To Favorites

Follow

Total Points: 583

Total Questions: 101

Total Answers: 117

Location: Saint Lucia

Member since Wed, Feb 8, 2023

1 Year ago

dominickmackenziet questions

1 How to keep user logged after browser closing in React - Express?

Fri, May 20, 22, 00:00, 2 Years ago

1 Why do I get an Unhandled Promise Rejection with await Promise.all

Tue, Jun 1, 21, 00:00, 3 Years ago

1 Convert Maybe< string>[]' to 'string[]

Wed, Apr 7, 21, 00:00, 3 Years ago

1 (0 , _reactRouterDom.useHistory) is not a function

Fri, Feb 12, 21, 00:00, 3 Years ago

1 How to execute API call after entering 3 characters in field?

Fri, Aug 7, 20, 00:00, 4 Years ago

View All

answered 13 Years ago leilanichasel · Accepted Answer

You just need to pass the extra parameter when you construct the MenuView. No need to add the initialize function.

new MenuView({

  collection: itemColl,

  position: this.getPosition()

})

And then, in MenuView, you can use this.options.position.

UPDATE: As @mu is too short states, since 1.1.0, Backbone Views no longer automatically attach options passed to the constructor as this.options, but you can do it yourself if you prefer.

So in your initialize method, you can save the options passed as this.options:

initialize: function(options) {

    this.options = options;

    _.bindAll(this, 'render');

},

or use some finer ways as described by @Brave Dave.