Omurga - çağrı/referans ana sayfa görünümünden görünüm

Question

Ben Backbone için yeni ve bunun için en iyi uygulamayı bilmek isterim - Bir çocuğun ebeveyn görünümü ile iletişim kurmak için kolay bir yol istiyorum Ebeveyn üzerinde bir yöntem.

Rudimenter örneği "masaüstü" ve "belge" görünümleri kullanarak aşağıdaki:

class DesktopView extends Backbone.View{ 
    constructor(options?) { 
     super(options); 
     this.el = $('#desktop'); 
     this.createDocument(); 
    } 
    createDocument() { 
     dv = new DocumentView(); 
     $(this.el).append(dv.render()); 
    } 
} 

class DocumentView extends Backbone.View{ 
    constructor(options?) { 
     super(options);   
     this.tagName = 'div'; 
     this.className = 'document'; 
     this.events = { 
      "click": "clickHander" 
     }; 
    }; 
    render() { 
     return this.el; 
    } 

    clickHandler() { 
     //COMMUNICATE WITH THE DESKTOP VIEW 
    } 
} 

Ben belge görünümü için bir model oluşturmak mı ve bu değişiklikleri işler?

Answer 1

Sen Omurga olaylarını kullanabilirsiniz:

createDocument() { 
     that = this; 
     // give reference to parent view 
     dv = new DocumentView({desktopView : that}); 
     $(this.el).append(dv.render()); 
    } 

Sonra gibi çocuk görünümünde erişmek mümkün olmalıdır işlev çağrılarını tetiklemek için Bu, 'çocuk' görüşünün ebeveynlik hakkında bilmek zorunda olmaması avantajına sahiptir.

var parent = Backbone.View.extend({ 
    initialize : function() { 
    this.listenTo(Backbone, 'child-click-event', function (dataFromChild) { 
     this.doSomething(dataFromChild); 
    }, this); 
    } 
}); 

var child = Backbone.View.extend({ 
    //... 
    clickHandler : function() { 
    var data; // do something and get data 
    // Parent listens to this event. 
    Backbone.trigger('child-click-event', data); 
    } 
}); 

Answer 2

Bir modele ihtiyaç duymazsanız, ana görünümüne alt görünüm için alt görünümden başvuru göndermenizi öneririm. Bir modele ihtiyacınız varsa, o zaman üst görünümde üst görünümdeki değişiklikleri dinleyin. Ben typescript aşina değilim, ama böyle bir şey yapmak istiyorum:

this.options.desktopView