Marionette.jsのRegionメモ

RegionはApplicationとViewで子Viewを配置する要素を登録する。

Viewでは以下のように設定する。

   regions: {
        <region name>: '<selector>',
        ...
    }

以下のようにするとid=fooの要素をViewの要素に置き換えることができる。

'regions': {
    'region1': {
        'el': '#foo',
        'replaceElement': true
    }
}

以下のように動的に設定することができる。

'regions': function(options) { 
   return {
      'region1': {
         'el': '#foo',
         'replaceElement': true
      }
   };
}

view.addRegion(region_name, selector);