Что использовать, так как регионы приложений Marionette устарели

Меня смущает документация Marionette (2.3.0) по приведенной ниже ссылке, в которой говорится, что функция "Регионы приложений" устарела. Вместо этого следует использовать макет. Означает ли это, что я больше не должен использовать MyApp.addRegions()? Затем, как мне добавить мой макет в мое приложение?

http://marionettejs.com/docs/marionette.application.html#application-regions

Области приложений

Предупреждение: устаревшее Эта функция устарела. Вместо использования Приложение как корень дерева просмотра, вы должны использовать макет Посмотреть. Чтобы охватить вид макета во весь документ, вы можете установить его el to 'body'. Это может выглядеть примерно так:

var RootView = Marionette.LayoutView.extend({el: 'body'});

ОТВЕТЫ

Ответ 1

Я хотел бы объяснить с помощью очень простого примера использование макета в марионетке.

HTML

   <div id="appDiv"></div>

   <script type="text/template" id="mainTemplate">
       <div id="div1"></div>
       <div id="div2"></div>    
   </script>

    <script type="text/template" id="itemTempFirst">
       <p>some text item 1 view</p>
       <p>some text item view 1</p>
    </script>

     <script type="text/template" id="itemTempSecond">
       <p>some text item 2 view</p>
       <p>some text item view 2</p>
     </script>

Код JS: -

     var app = new Marionette.Application();
     var LayoutViewObj = Marionette.LayoutView.extend({
         template:"#mainTemplate",
         el:"#appDiv",
         regions:{
            reg1:"#div1",
            reg2:"#div2"
         }
     });

      var layoutViewInstance = new LayoutViewObj();
      layoutViewInstance.render();

      var ItemView1Obj = Marionette.ItemView.extend({
         template:"#itemTempFirst"
      });

      var ItemView2Obj = Marionette.ItemView.extend({
         template:"#itemTempSecond"
      });

      var item1 = new ItemView1Obj();

      var item2 = new ItemView2Obj();

      layoutViewInstance.getRegion("reg1").show(item1);

      layoutViewInstance.getRegion("reg2").show(item2);

Обратите внимание, что раньше я пытался без элемента el, но мне не повезло, и когда я использовал el: "# someElem" жизнь стала легче