如何从模型集合中动态填充选择选项

【问题标题】：How to populate select options dynamically from Model Collection如何从模型集合中动态填充选择选项
【发布时间】：2013-09-30 09:41:25
【问题描述】：

我有一个如下定义的模型

class Colors extends Backbone.Model
  name: -> [@get("name")]
  value: -> [@get("value")]

如下定义的集合

class @ColorsCollection extends Backbone.Collection
  model: Colors

选择标签定义如下

%select{name: "colorslist" type: "hidden"  value: "" }

在发生事件时，我想使用从 ColorsCollection 获取的数据动态填充颜色列表选择选项。

我一直在研究 select2 文档，但找不到任何相关示例。

【问题讨论】：

标签： backbone.js coffeescript jquery-select2

【解决方案1】：

基本上，您将绑定到重置事件并替换 html 并启动 select2 插件。

我知道该插件有一些内部方法可以做到这一点 - 但为什么必须梳理文档。

class View extends Backbone.View

  initialize: -> 
   @collection = new ColorsCollection
   # Bind to reset event
   @listenTo @collection, "reset", @updateSelect
   @collection.fetch()

  updateSelect: (collection) ->
   # Use template engine (eg. Handlebars) to redraw the html
   @$el.find('#selection').html tmpl(@collection)
   # Start select2
   @$el.find('#selection > select').select2()

【讨论】：