Cara meneruskan parameter ke tampilan

Saya memiliki serangkaian tombol yang ketika diklik menampilkan menu popup yang diposisikan tepat di bawah tombol. Saya ingin meneruskan posisi tombol ke tampilan. Bagaimana saya bisa melakukan itu?

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

Anda hanya perlu meneruskan parameter ekstra saat membuat MenuView. Tidak perlu menambahkan initializefungsi.

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

Dan kemudian, masuk MenuView, Anda bisa menggunakan this.options.position.

PEMBARUAN: Karena @mu adalah status yang terlalu pendek , sejak 1.1.0, Tampilan Backbone tidak lagi secara otomatis melampirkan opsi yang diteruskan ke konstruktor sebagai opsi ini, tetapi Anda dapat melakukannya sendiri jika diinginkan.

Jadi dalam initializemetode Anda, Anda dapat menyimpan optionspass sebagai this.options:

initialize: function(options) {
    this.options = options;
    _.bindAll(this, 'render');
},

atau gunakan beberapa cara yang lebih baik seperti yang dijelaskan oleh @Brave Dave .

Tambahkan argumen opsi ke initialize:

initialize: function(options) {
    // Deal with default options and then look at options.pos
    // ...
},

Dan kemudian berikan beberapa opsi saat Anda membuat tampilan:

var v = new ItemView({ pos: whatever_it_is});

Untuk informasi lebih lanjut: http://backbonejs.org/#View-constructor

Sejak backbone 1.1.0, optionsargumen tersebut tidak lagi dilampirkan secara otomatis ke tampilan (lihat masalah 2458 untuk diskusi). Anda sekarang perlu melampirkan opsi dari setiap tampilan secara manual:

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

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

Sebagai alternatif, Anda dapat menggunakan plugin mini ini untuk melampirkan otomatis opsi daftar putih, seperti:

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

lulus dari lokasi lain

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

Tambahkan argumen opsi untuk diinisialisasi dalam tampilan Anda mendapatkan variabel yang diteruskan,

initialize: function(options) {
   // Deal with default options and then look at options.pos
   // ...
},

untuk mendapatkan nilai guna -

   var v = new ItemView({ pos: this.options.positions});

Gunakan this.options untuk mengambil argumentr dalam tampilan

 // 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'});
    });

Contoh Kerja: http://jsfiddle.net/Cpn3g/1771/