Marionette.jsでregionの中にregionを定義したい

Question

Marionette.jsのregionの中にregionを定義する場合の質問です。

環境はbackbone+Marionette+cakePHPです。

大枠のctpファイルにmainRegionを定義しており、mainRegionに嵌め込むDOMの中にARegionを定義しておりRegionの中にRegionがある状態にしようと思っています。

最初にmainRegionをshowした後、ARegionをshowします。
この時点で画面上には一瞬mainRegionの中にARegionが嵌った状態で表示されるのですが、
次にmodelのchangeイベントでmainReginがRenderがされるよう設定されており、
この時点でARegionが消えてしまいmainRegionの内容だけが表示された状態になってしまいます。

このmodelのchangeイベントの後にARegionの中身のViewをRenderするのですが表示されません。
mainRegionが再度Renderされた時点で再度ARegionをaddRegionsしshowする必要があるのでしょうか？

またそれを試してみようと思うのですが、このmodelを監視しているのが、marionette.LayoutViewではなく、marionette.ItemViewであるため、上手くaddRegions及び、showする方法が分かりません。

なかなかイメージしずらいと思いますが、
解決方法及び、参考サイト等の案内のほどよろしくお願いします。

Answer 1

既に試されているように、mainRegionに表示しているLayoutViewを再度renderした場合には、LayoutView配下のARegionに表示していたItemViewは消えてしまいます。

であれば、mainRegionに表示するLayoutViewをrenderするのに合わせてARegionをshowするのが一番素直なやり方かと思います。

具体的には、LayoutViewにonRenderメソッド(※render後に自動実行される)を定義し、その中でARegionをshowすれば良いでしょう。

なお、LayoutViewにregionsを定義してあれば、都度addRegionsする必要はありません。