ruby on rails f.select опции с пользовательскими атрибутами

Question

У меня есть оператор выбора формы, например:

= f.select :country_id, @countries.map{ |c| [c.name, c.id] }

Что приводит к этому коду:

...
<option value="1">Andorra</option>
<option value="2">Argentina</option>
...

Но я хочу добавить собственный атрибут HTML в мои параметры, например:

...
<option value="1" currency_code="XXX">Andorra</option>
<option value="2" currency_code="YYY">Argentina</option>
...

Answer 1

Rails МОЖЕТ добавить пользовательские атрибуты для выбора параметров, используя существующий помощник options_for_select. Вы почти правильно поняли код в своем вопросе. Использование атрибутов данных html5:

<%= f.select :country_id, options_for_select(
    @countries.map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] }) %>

Добавление начального выбора:

<%= f.select :country_id, options_for_select(
    @countries.map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] }, 
    selected_key = f.object.country_id) %>

Если вам нужны сгруппированные опции, вы можете использовать помощник grouped_options_for_select, например так (если @continents - это массив объектов континента, каждый из которых имеет метод стран):

<%= f.select :country_id, grouped_options_for_select(
    @continents.map{ |group| [group.name, group.countries.
    map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] } ] }, 
    selected_key = f.object.country_id) %>

Надо отдать должное Паулу @ Погодану, который написал о том, что это можно найти не в документации, а прочитав источник по рельсам. https://web.archive.org/web/20130128223827/http://www.pogodan.com/blog/2011/02/24/custom-html-attributes-in-options-for-select

Answer 2

Вы можете сделать это следующим образом:

= f.select :country_id, @countries.map{ |c| [c.name, c.id, { 'data-currency-code' => c.currency_code} ] }

Answer 3

Это невозможно напрямую с Rails, и вам придется создать свой собственный помощник для создания пользовательских атрибутов.Тем не менее, вероятно, есть два разных способа выполнить то, что вы хотите:

(1) Использование имени настраиваемого атрибута в HTML5. В HTML5 вам разрешено иметь настраиваемый атрибутимена , но они должны быть предварительно снабжены «data-».Эти пользовательские атрибуты не будут отправлены вместе с вашей формой, но их можно использовать для доступа к вашим элементам в Javascript.Если вы хотите добиться этого, я бы порекомендовал создать помощника, который генерирует такие параметры:

<option value="1" data-currecy-code="XXX">Andorra</option>

(2) Использование значений с пользовательским разбиением для отправки дополнительных данных. Если вы на самом делеЕсли вы хотите отправить код валюты, я бы порекомендовал создать поле выбора следующим образом:

= f.select :country_id, @countries.map{ |c| [c.name, "#{c.id}:#{c.currency_code}"] }

Это должно сгенерировать HTML, который будет выглядеть следующим образом:

<option value="1:XXX">Andorra</option>
<option value="2:YYY">Argentina</option>

Который вы можете затем проанализироватьв вашем контроллере:

@id, @currency_code = params[:country_id].split(':')

Answer 4

Хэш дополнительных атрибутов поддерживается только в Rails 3.

Если вы используете Rails 2.x и хотите переопределить options_for_select

Я просто скопировал код Rails 3. Вам нужно переопределить эти 3 метода:

def options_for_select(container, selected = nil)
    return container if String === container
    container = container.to_a if Hash === container
    selected, disabled = extract_selected_and_disabled(selected)

    options_for_select = container.inject([]) do |options, element|
      html_attributes = option_html_attributes(element)
      text, value = option_text_and_value(element)
      selected_attribute = ' selected="selected"' if option_value_selected?(value, selected)
      disabled_attribute = ' disabled="disabled"' if disabled && option_value_selected?(value, disabled)
      options << %(<option value="#{html_escape(value.to_s)}"#{selected_attribute}#{disabled_attribute}#{html_attributes}>#{html_escape(text.to_s)}</option>)
    end

    options_for_select.join("\n").html_safe
end

def option_text_and_value(option)
  # Options are [text, value] pairs or strings used for both.
  case
  when Array === option
    option = option.reject { |e| Hash === e }
    [option.first, option.last]
  when !option.is_a?(String) && option.respond_to?(:first) && option.respond_to?(:last)
    [option.first, option.last]
  else
    [option, option]
  end
end

def option_html_attributes(element)
  return "" unless Array === element
  html_attributes = []
  element.select { |e| Hash === e }.reduce({}, :merge).each do |k, v|
    html_attributes << " #{k}=\"#{ERB::Util.html_escape(v.to_s)}\""
  end
  html_attributes.join
end

Вроде грязно, но это вариант. Я помещаю этот код в вспомогательный модуль с именем RailsOverrides, который затем включаю в ApplicationHelper. Вы также можете сделать плагин / драгоценный камень, если хотите.

Одно замечание: чтобы воспользоваться этими методами, вы всегда должны вызывать options_for_select напрямую. Ярлыки типа

select("post", "person_id", Person.all.collect {|p| [ p.name, p.id, {"data-stuff"=>"html5"} ] })

даст старые результаты. Вместо этого должно быть:

select("post", "person_id", options_for_select(Person.all.collect {|p| [ p.name, p.id, {"data-stuff"=>"html5"} ] }))

Опять-таки, не очень хорошее решение, но, возможно, стоило бы обратиться к очень полезному атрибуту данных.

Answer 5

Я тоже столкнулся с этой проблемой и создал Ruby Gem "extended_select" для решения этой проблемы.Вы можете найти его здесь:

https://github.com/bkuhlmann/enhanced_select