我正在使用骨干。完全是菜鸟。我有一个显示模态视图的外部模板。我们称它为模板模式。然后根据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 填充下拉列表?这是最好的方法吗?