             ref="select"
             open={@state.isOpen}
             onToggle={@onToggle}
-            onSelect={@onSelect}
             suggest={true}
             data={@_getChoices()}
             valueField="id"

            else
                null
        else
            @model[@props.name]

    getCurrentSelection: ->
        if @props.getSelection

            return selection if selection

        selected = @getCurrentModel()
        if @props.multi
            selected
        else
            if selected
                {id: selected[@props.idField], label: selected[@props.labelField]}
            else
                {id: null, label: ''}

    renderDisplayValue: ->
        value = if @props.multi
            _.toSentence _.pluck(@getCurrentSelection(), @props.labelField)
        else
            @getCurrentSelection()?.label
        <span>{value}</span>

    _getChoices: ->
        selection = @getCurrentSelection()
        if @state.isOpen
            labelField = @props.labelField
            rows = @collection.map (model) ->
                {id: model.id, label: _.result(model, labelField)}
            if _.isEmpty(rows) then [@getCurrentSelection()] else rows
        else
            if selection then [selection] else []

    onToggle: (isOpen) ->
        @setState({isOpen})
        @collection.fetch(
            _.extend(limit: @props.displayLimit, Lanes.u.invokeOrReturn(@props.syncOptions))
        ) if isOpen and @props.fetchWhenOpen

    renderEdit: (label) ->
        # console.log "render edit: #{@props.model.brand.code}"
        # console.log @getCurrentSelection()
        # console.log @_getChoices()
        Component = if @props.multi
            Lanes.Vendor.ReactWidgets.Multiselect
        else
