a hack attaching select2 to best_in_place

attach-select2.js.coffee

# connecting select2 to the appropriate hooks:
#
# hard case: best_in_place's select
$ ->

  # first, find the mount point
  $('body').on 'best_in_place:activate', '.best_in_place', ->

    # second, attach empty update() to `this` to screen the downstream calls
    # which otherwise will cause an error
    @update = ->

    # now unbind `blur` from the <select> and bind it to the downstream
    # best_in_place's handler; this prevents the immediate select2's
    # destruction since clicking on it would cause `blur` on the downstream
    # best_in_place
    $(@).find('select').select2()
      .unbind('blur').bind('blur', {editor: @}, BestInPlaceEditor.forms.select.blurHandler)

# simple case: attach to a usual select
$ ->
  $('.select2').select2()

Great work man, really helpful!

Hi!
Can you explain, how i can use it with rails?
In my example - i have best_in_place control which work fine. But whenewer i put code for select2 the control broke. It simple clear data, but nothing to do more.
With best regards.
Sorry for silly question.
I activate bip in function:

-------------------------

doc_ready = ->
jQuery ($) ->
$(".best_in_place").best_in_place()

so, can i modify this for use with select2?

Exactly what I needed! Thanks!

everything works fine, but how to focus on that select2 element, am using a scrollable form(horizontal). When i choose an option from select2, it scrolls to the begining of that form

Thanks! Works great!

Hi! I've got a problem because I've a multiple select2 box, and it doesn't show all the selected values! Do you have any ideas?