欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間: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傳遞到另外一個(gè)View層里,應(yīng)該怎么辦呢,我之前讀到一位博主《Backbone View的三種通信方式 》寫的尤為的清晰,在我實(shí)際的項(xiàng)目中,常常使用的也就是最后一種方式。

  嘿嘿,分享知識(shí)是一件快樂的事情,我就直接借鑒表述一下如下:

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

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

    this.receive是由父級(jí)View已經(jīng)包裝好的,在初始化子View時(shí)候就把this.receive下發(fā)就好了。

  第二種情況就是同一個(gè)子級(jí)View之間的傳遞,這種情況可能大家都懂的,我還是解釋一下吧,就是在一個(gè)子級(jí)View里面定義一個(gè)針對這一個(gè)View的全局變量,然后通過this引用這個(gè)變量就Ok。

以上所述是小編給大家介紹的Backbone中View之間傳值的學(xué)習(xí)心得,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

  • Backbone.js中的集合詳解

    Backbone.js中的集合詳解

    這篇文章主要介紹了Backbone.js中的集合詳解,本文著重講解Backbone.js的集合和其它組件的關(guān)系,需要的朋友可以參考下
    2015-01-01
  • 深入解析JavaScript框架Backbone.js中的事件機(jī)制

    深入解析JavaScript框架Backbone.js中的事件機(jī)制

    這篇文章主要介紹了JavaScript框架Backbone.js中的事件機(jī)制,其中涉及到Backbone的MVC結(jié)構(gòu)及內(nèi)存使用方面的很多知識(shí),需要的朋友可以參考下
    2016-02-02
  • 關(guān)于backbone url請求中參數(shù)帶有中文存入數(shù)據(jù)庫是亂碼的快速解決辦法

    關(guān)于backbone url請求中參數(shù)帶有中文存入數(shù)據(jù)庫是亂碼的快速解決辦法

    這篇文章主要介紹了關(guān)于backbone url請求中參數(shù)帶有中文存入數(shù)據(jù)庫是亂碼的快速解決辦法的相關(guān)資料,需要的朋友可以參考下
    2016-06-06
  • require、backbone等重構(gòu)手機(jī)圖片查看器

    require、backbone等重構(gòu)手機(jī)圖片查看器

    這篇文章主要為大家詳細(xì)介紹了require、backbone等重構(gòu)手機(jī)圖片查看器的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • Backbone.js框架中簡單的View視圖編寫學(xué)習(xí)筆記

    Backbone.js框架中簡單的View視圖編寫學(xué)習(xí)筆記

    這篇文章主要介紹了Backbone.js框架中簡單的View編寫學(xué)習(xí)筆記,Backbone是JavaScript的一款高人氣MVC框架,需要的朋友可以參考下
    2016-02-02
  • 詳解Backbone.js框架中的模型Model與其集合collection

    詳解Backbone.js框架中的模型Model與其集合collection

    這篇文章主要介紹了Backbone.js框架中的模型Model與其集合collection,Backbone擁有與傳統(tǒng)MVC框架相類似的Model與View結(jié)構(gòu),需要的朋友可以參考下
    2016-05-05
  • Backbone.js 0.9.2 源碼注釋中文翻譯版

    Backbone.js 0.9.2 源碼注釋中文翻譯版

    Backbone.js為復(fù)雜WEB應(yīng)用程序提供模型(models)、集合(collections)、視圖(views)的結(jié)構(gòu)。其中模型用于綁定鍵值數(shù)據(jù)和自定義事件;集合附有可枚舉函數(shù)的豐富API; 視圖可以聲明事件處理函數(shù),并通過RESRful JSON接口連接到應(yīng)用程序。
    2015-06-06
  • BackBone及其實(shí)例探究_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    BackBone及其實(shí)例探究_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    這篇文章主要介紹了BackBone及其實(shí)例探究,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07
  • 最新評論