快捷導(dǎo)航

Backbone中View之間傳值的學(xué)習(xí)心得

更新時間：2016年08月09日 11:00:06 作者：方式代碼

Backbone中的View就是用來展示由Model層傳出的數(shù)據(jù)，或者在View里產(chǎn)生的一些數(shù)據(jù)，本文給大家介紹Backbone中View之間傳值的解決方法，感興趣的朋友一起看下吧

Backbone中的View就是用來展示由Model層傳出的數(shù)據(jù)，或者在View里產(chǎn)生的一些數(shù)據(jù)，包括輸入框中輸入等產(chǎn)生的數(shù)據(jù)，由當(dāng)前View傳遞到另外一個View層里，應(yīng)該怎么辦呢，我之前讀到一位博主《Backbone View的三種通信方式》寫的尤為的清晰，在我實際的項目中，常常使用的也就是最后一種方式。

　　嘿嘿，分享知識是一件快樂的事情，我就直接借鑒表述一下如下：

　　直接用 Backbone 作為事件注冊機(jī)，

　　代碼如下：

var ApplicationView = Backbone.View.extend({
initialize : function(){
this.documentView = new DocumentView();
this.sidebarView = new SidebarView();
},
});
var DocumentView = Backbone.View.extend({
onEdit : function(){
Backbone.trigger('documentEdit');
}
});
var SidebarView = Backbone.View.extend({
initialize : function(options){
Backbone.on('documentEdit', this.onDocumentEdit, this);
},
onDocumentEdit : function(){
// react to document edit.
}
});

　　使用Backbone 時間注冊機(jī)方法，不僅僅能夠?qū)崿F(xiàn)同一個父級View下不同的子級View之間的信息傳遞，并且還能夠?qū)崿F(xiàn)不同父級View下各個子級View的信息傳遞，我當(dāng)時剛接觸的時候感覺這個方法特別的好使，但是后來又出現(xiàn)了兩個我有點(diǎn)困惑的地方，我也一并分享下。

　　第一個就是當(dāng)我們由父級View向子級View傳遞信息或者數(shù)據(jù)的情況，用事件注冊應(yīng)該也是可以的，但是在項目中，我采用的是在初始化視圖的時候，將父級View中的要傳遞的信息分配個子View，這樣視圖render出之后，就已經(jīng)有了父級View給予它的數(shù)據(jù)。就如這樣：