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

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

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

  直接用 Backbone 作為事件注冊機,

  代碼如下:

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

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

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

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

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

  • Backbone.js中的集合詳解

    Backbone.js中的集合詳解

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

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

    這篇文章主要介紹了JavaScript框架Backbone.js中的事件機制,其中涉及到Backbone的MVC結(jié)構(gòu)及內(nèi)存使用方面的很多知識,需要的朋友可以參考下
    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)手機圖片查看器

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

    這篇文章主要為大家詳細介紹了require、backbone等重構(gòu)手機圖片查看器的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    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及其實例探究_動力節(jié)點Java學(xué)院整理

    BackBone及其實例探究_動力節(jié)點Java學(xué)院整理

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