Передача данных из родительского в дочерний шаблон

Question

Я начинаю учить себя разработке с помощью Suitecommerce Advanced, и я кое-что застрял.

Я вызываю это в шаблоне родительского представления и хочу передать имя класса ребенку:

 <div data-view="Header.Menu" data-options="{className : 'nav-header'}"></div> 

А затем в шаблоне дочернего представления я хочу использовать это имя класса

<ul class="{{className}}">
    {{#each links}}
        <li class="nav__item"><a class="hvr-underline" href="{{link}}">{{name}}</a></li>
    {{/each}} 
 </ul>

К сожалению, это не правильный способ сделать это, но я не уверен, что это правильный путь.

Answer 1

Когда вы вызываете дочернее представление из файла вашего родительского представления.js, добавьте следующие параметры:

childViews: {
        'Header.Menu': function ()
        {
            return new HeaderMenuView({
                option1: 'option1 value',
                option2: 'option2 value',
            });
        }

Затем вы можете получить к нему доступ из функции инициализации дочернего представления в файле ' view.js', например так:

initialize: function(options) 
{
    console.log(options.option1);
    console.log(options.option2);
}

Надеюсь это поможет!