backbone-forms Select2 editor

backbone-select2-editor.coffee

Backbone.Form.editors.Select2 = class extends Backbone.Form.editors.Select

  initialize: (options) ->
    options.options or= []
    super options
    @config = _.extend { placeholder: '', allowClear: true }, @schema.select2 or {}
    @$el.on "change", (e) => @focus() # retrieve focus !
    @$el.on "select2-focus", (e) => @trigger "focus", @
    @$el.on "select2-blur", (e) => @trigger "blur", @

  render: ->
    options = @schema.options
    options.unshift "" if @config.allowClear and (not _.isEmpty options) and (not @$el.prop "multiple")
    @setOptions options
    delayed(=>
      @$el.select2 @config
      @focusser = @$el.prev().find('.select2-focusser')[0]
      @$focusser = $(@focusser)
    )
    @

  focus: ->
    @$focusser.focus() if @$focusser and (not @$focusser.is ':focus')

  blur: ->
    @$focusser.blur() if @$focusser and (@$focusser.is ':focus')

  select: ->
    @$focusser.select()