backbone.js - 如何从模型集合中动态填充选择选项

Question

我有一个如下定义的模型

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 文档，但找不到任何相关示例。

Answer 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()