Cách chuyển các tham số cho một dạng xem

Tôi có một loạt các nút mà khi nhấp vào sẽ hiển thị một menu bật lên được đặt ngay bên dưới nút. Tôi muốn chuyển vị trí của nút sang chế độ xem. Làm thế nào tôi có thể làm điều đó?

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

Bạn chỉ cần truyền tham số bổ sung khi bạn xây dựng MenuView. Không cần thêm initializechức năng.

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

Và sau đó, trong MenuView, bạn có thể sử dụng this.options.position.

CẬP NHẬT: Vì @mu là trạng thái quá ngắn , kể từ 1.1.0, Chế độ xem đường trục không còn tự động đính kèm các tùy chọn được chuyển cho hàm khởi tạo dưới dạng tùy chọn này, nhưng bạn có thể tự làm điều đó nếu muốn.

Vì vậy, trong initializephương thức của bạn , bạn có thể lưu giá trị optionsđã qua dưới dạng this.options:

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

hoặc sử dụng một số cách tốt hơn như được mô tả bởi @Brave Dave .

Thêm đối số tùy chọn vào initialize:

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

Và sau đó chuyển một số tùy chọn khi bạn tạo chế độ xem của mình:

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

Để biết thêm thông tin: http://backbonejs.org/#View-constructor

Kể từ backbone 1.1.0, optionsđối số không còn được tự động gắn vào chế độ xem (xem vấn đề 2458 để thảo luận). Bây giờ bạn cần đính kèm các tùy chọn của từng chế độ xem theo cách thủ công:

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

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

Ngoài ra, bạn có thể sử dụng plugin nhỏ này để tự động đính kèm các tùy chọn trong danh sách trắng, như sau:

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

đi từ vị trí khác

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

Thêm một đối số tùy chọn để khởi tạo trong dạng xem bạn đang nhận được biến được truyền đó,

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

để có được giá trị sử dụng -

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

Sử dụng this.options để truy xuất đối số trong chế độ xem

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

Ví dụ làm việc: http://jsfiddle.net/Cpn3g/1771/