将数据从 parent 传递到 child 模板

Question

我开始自学使用 Suitecommerce Advanced 进行开发，但我遇到了一些困难。

我在 parent 视图的模板中调用它，我想将 class 名称传递给 child:

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

然后在 child 视图的模板上，我想使用 classname

<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);
}

希望对您有所帮助！

将数据从 parent 传递到 child 模板

Passing data from a parent to a child template

backbone.js

suitecommerce