レンダリング機能をオーバーライドしたバックボーンビューで子ビューが失われる

Question

私は、ヘッダがレンダリングされた後でdivをサイズ変更するためにいくつかのコードを実行しようとしています。私はここでの答えとバックボーンのドキュメントを見てきました。これは私が書いたものです：

Backbone.View.extend({ 
    template: header_tpl, 
    render: function() { 
     this.$el.html(this.template({}); 

     setTimeout(function() { 
      $(window).on("resize",function(){ 
       $(".somediv").height($(".someotherdiv").height()) 
      }) 
      .resize() 
     }, 0); 

     return this; 
    }, 
    childViews: { 
     // Some childViews in here 
    } 
}); 

この動作はしますが、このビューのchildViewsはレンダリングされません。私はそれがthis.template（）に渡されている空のオブジェクトと関係していると思います。バックボーンのドキュメントはthis.model.attributesを渡すと言っていますが、このビューにはモデルはありません。データが渡されていないシンプルなヘッダーです。

Answer 1

@CoryDanielsonのコメントで指摘されているように、Backboneには「childViews」のデフォルト処理はありません。あなたの仕事がバックボーン・ビューを子ビューのレンダリングにすることであれば、これを行うには合理的に簡単な方法がたくさんあります。

しかし、あなたが実際にやろうとしているのは、あらかじめ組み込まれているrenderの機能をコードベースのどこかに入れておくことです。あなたが必要と思われる唯一の拡張子はwindowにresizeイベントをつけることです。renderメソッドでこれをしないのが最善の選択肢です。コードベースのどこかにあらかじめ構築されているものを引き続き使用できます。

Backbone.View.extend({ 
    template: header_tpl, 
    // no override of render 
    initialize: function() { 
    setTimeout(function() { 
     $(window).on("resize",function(){ 
      $(".somediv").height($(".someotherdiv").height()) 
     }) 
     .resize() 
    }, 0); 
    }, 
    childViews: { 
    // Some childViews in here 
    } 
}); 

このコードでは、ビューがインスタンス化されたときにイベントがアタッチされ、各レンダリングではアタッチされません。

もちろん、コードベースでもデフォルトのinitializeメソッドを変更している場合は、わかりません。その場合、拡張するだけでデフォルトのメソッド（initialize、render、...）をオーバーライドするいくつかのオプションがあるかもしれませんが、フードの下で古いメソッドを呼び出すこともできます。