Comment passer des paramètres à une vue

J'ai une série de boutons qui lorsqu'il est cliqué afficher un menu popup placé juste en dessous du bouton. J'ai envie de passer à la position du bouton de la vue. Comment puis-je le faire?

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?
    }
});

InformationsquelleAutor vikmalhotra | 2011-10-18

backbone.js javascript

166

Vous suffit de passer le paramètre supplémentaire lorsque vous construisez la MenuView. Pas besoin d'ajouter de la initialize fonction.
```
new MenuView({
  collection: itemColl,
  position: this.getPosition()
})
```
Et puis, dans MenuView, vous pouvez utiliser this.options.position.

Mise à JOUR: Comme @mu est trop court unis, depuis la version 1.1.0, Épine dorsale des Vues plus joindre automatiquement les options passées au constructeur comme cela.options, mais vous pouvez le faire vous-même si vous préférez.

Dans votre initialize méthode, vous pouvez enregistrer le options passé comme this.options:
```
initialize: function(options) {
    this.options = options;
    _.bindAll(this, 'render');
},
```
ou d'utiliser certains plus fine des moyens que décrite par @Brave Dave.
- Cela ne fonctionne plus comme des 1.1.0: "l'épine Dorsale des Vues plus joindre automatiquement les options passées au constructeur comme this.options, mais vous pouvez le faire vous-même si vous préférez.".
- Pour obtenir le même comportement: stackoverflow.com/a/19325531/941764
- Cela fonctionne parfaitement, il suffit d'ajouter le paramètre de votre point de vue de la méthode initialize: initialisation: function (options) { alert ("options".position); }
- Je peux seconde. Ce comportement fonctionne. Je suis à l'aide v1.1.1
- Non, ça ne fonctionne pas. Cette réponse utilise this.options.position, pas options.position. Vues utilisées pour fixer le initialize arguments pour this.options mais qui a cessé de qui se passe en version 1.1.0.
InformationsquelleAutor dira
46

Ajouter un argument options de initialize:
```
initialize: function(options) {
    //Deal with default options and then look at options.pos
    //...
},
```
Et puis la passer dans certaines options lors de la création de votre vue:
```
var v = new ItemView({ pos: whatever_it_is});
```
Pour plus d'informations: http://backbonejs.org/#View-constructor
- très utile lien!
- c'est plus élégant/simple pour la plupart des situations.
- Merci. Je préfère le caractère explicite de cette approche, le magique "action à distance" de l'aide this.options me donne de l'entretien et de débogage des cauchemars.
- J'ai vu l'épine Dorsale lien d'abord, mais votre exemple clarifié pour moi. Merci
- Cela a été abandonné, et vous ne pouvez plus utiliser this.options
- Hein? initialize: function(options) { ... } est tout simplement parfait, le changement est que l'épine Dorsale n'est plus automatiquement des ensembles de this.options pour vous: "l'épine Dorsale des Vues plus joindre automatiquement les options passées au constructeur comme this.options, mais vous pouvez le faire vous-même si vous préférez.".
- donc initialize: function(options) { this.options = options } serait bien?
- Vous pourriez le faire, mais je pense que le déballage options dans les propriétés est encore une meilleure idée. Si vous utilisez this.options tous sur la place, puis il est très difficile de savoir quel est votre point de vue de l'interface est vraiment ce qui a conduit à des problèmes de maintenance.
- Vous pouvez utiliser le dorsale.viewOptions plugin blanc-initialisation de la liste des options et automatiquement les attacher directement à votre point de vue.
InformationsquelleAutor mu is too short

Comme l'épine dorsale de la version 1.1.0, le options argument est plus attaché automatiquement à l'affichage (voir question 2458 pour la discussion). Maintenant, vous avez besoin pour fixer les options de chaque mode manuel:

MenuView = Backbone.View.extend({
    initialize: function(options) {
        _.extend(this, _.pick(options, "position", ...));
    }
});

new MenuView({
    collection: itemColl,
    position: this.getPosition(),
    ...
});

Alternativement, vous pouvez utiliser ce mini plugin à l'auto-joindre une liste blanche des options, comme suit:

MenuView = Backbone.View.extend({
    options : ["position", ...] //options.position will be copied to this.position
});

InformationsquelleAutor Brave Dave

-1

passer de l'autre endroit
```
 new MenuView({
   collection: itemColl,
   position: this.getPosition()
})
```
Ajouter un argument options pour initialiser en vue d'obtenir que le passé de la variable,
```
initialize: function(options) {
    //Deal with default options and then look at options.pos
    //...
},
```
pour obtenir la valeur
utilisez -
```
   var v = new ItemView({ pos: this.options.positions});
```
- écrire l'amélioration de réponses non collectif.
- C'est l'amélioration de la réponse !
InformationsquelleAutor Imtiaz Mirza

-2

Utilisation cette.options pour récupérer argumentr en vue

 //Place holder
 <div class="contentName"></div>

 var showNameView = Backbone.View.extend({
        el:'.contentName',
        initialize: function(){
            //Get name value by this.options.name
            this.render(this.options.name);
        },
        render: function(name){
            $('.contentName').html(name);
        }
    });

    $(document).ready(function(){
        //Passing name as argument to view
        var myName1 = new showNameView({name: 'Nishant'});
    });

De Travail Exemple: http://jsfiddle.net/Cpn3g/1771/

InformationsquelleAutor Nishant Kumar

Vous devez vous connecter pour publier un commentaire.