Sha256: fbcfda1ce213c3f3f1d0e9600423ad36eecfeb11c738d3c002fa40064d7116bc
Contents?: true
Size: 1.61 KB
Versions: 5
Compression:
Stored size: 1.61 KB
Contents
# Two ways to createa a Select dropdown
#
# Start with a Backbone Collection and a specified label
#
# select_view = new classes.SelectView({
# collection:some_collection,
# label: "name"
# })
#
# Start with an array
#
# select_view = new classes.SelectView({
# values: ["rune","steve","zach"]
# })
class classes.SelectView extends Backbone.View
defaults: {label: 'label'}
className: "select-dropdown"
initialize: (options) ->
@rendered = false
@label = if options.label then options.label else "label"
@helper = options.helper if options.helper?
# The select view needs a collection.
if !@collection
@collection = @collection_from_values(options.values)
else if @collection.length > 0
t = @
@collection.each (model,@label) -> t.set_model_label(model)
@template = JST["templates/select"]
@listenTo(@collection, 'add', @add_model)
@listenTo(@collection, 'remove', @render)
@listenTo(@, 'rendered', @bind_select)
collection_from_values: (values) ->
@collection = new Backbone.Collection(_.map(values, (v) ->
return {"label": v}
))
add_model: (m) ->
@set_model_label(m)
@render().el
set_model_label: (model) =>
model.set('label',model.get(@label))
bind_select: ->
t = @
@rendered = true
@select = new Select({el: @$el.find('select')[0] })
@select.on('change', (v) ->
selected_model = t.collection.find((m) -> m.get(t.label) is v.value)
t.trigger('change', selected_model)
)
render: ->
@$el.html(@template({models:@collection.models, helper:@helper}))
@trigger('rendered') if !@rendered
@
Version data entries
5 entries across 5 versions & 1 rubygems