Как заполнить выбора параметров динамически модели коллекции

Question

У меня есть модель, как определено ниже

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

Collection, как определено ниже

class @ColorsCollection extends Backbone.Collection 
    model: Colors 

Выберите тег, как определить ниже

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

Upon событие, я хочу динамически заполнять параметры выбора списка раскладки с данными, полученными из 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()