Question

我使用骨干。完全是菜鸟。我有一个显示模态视图的外部模板。我们称之为模板模态。然后基于传递给我的模态视图的libraries对象，我显示了数据行。每行有两个选择下拉列表。第二个下拉列表取决于下拉列表的名称（即，当第一个下拉列表更改时，我想更新第二个下拉列表。）

库对象具有这些属性

name (1st drop down)
sequences[] (2nd drop down)

所以我的内部模板（我在下拉列表中讨论的行，在我的template-inner中填充了这样的内容。

<select id="libraryName" style="display:inline; width: 100px">
                    <% _.each(libraries, function (library) { %>
                    <option><%= library.name %></option>
                    <% }); %>
                </select>

通过在我的模板模式中执行此操作来创建此内部模板。

this.$el.html(this.template({ libraries: libraries.toJSON() }));

如何根据库填充第二个下拉列表？我想也许在我的骨干视图中渲染模板内部，我可以这样做：

    events: {
        "change #libraryName" : "handleLibraryName"
    },

编辑:(重新提问）然后在handleLibraryName中，使用jQuery填充下拉列表？这是最好的方式吗？

Answer 1

为什么不制作地图{name: sequences[]}，以便您可以使用模板创建第二个选择（或仅仅是其选项）？至于在哪里使用它，如果你想通过动态，我想使用你的handleLibraryName方法是一个很好的方法。

绑定事件以选择模板中模板中的选项

1 个答案: