puedo crear el cuadro de selección como esta:¿Cómo controlar el tamaño del cuadro de selección en Ruby on Rails 3?
f.select(:my_select_name, options_for_select(...))
¿Cómo podría controlar el tamaño (ancho) de la caja de selección?
Para el campo de texto de entrada que hago:
f.text_field(:field_name, :size => my_size)
pero para "seleccionar" no funciona.
Por favor, asesorar.
El synatx básico para select es
select(object, method, choices, options = {}, html_options = {})
opciones son sustituya por los valores de las opciones desplegables y puede reemplazar los html_options para el ancho.
por ejemplo. <% select("company", "branch_id", Branch.all.collect {|b| [ b.name, b.id ] }, { :prompt => "Select" }, {:class => "companySelect" })
Para select_tag puede utilizar
select_tag(name, option_tags = nil, options = {})
Aquí, la opción es similar a html_options de selección.
por ejemplo. <%= select_tag 'company_name', options_for_select(get_company_name), :class => "select1"%>
Para más detalles, véase select Tag y select
En lo esencial, lo uso:
<%= f.select(:my_select_name, [1,2,3,4,5], {}, :style => "width:70px") %>
O si estoy usando algo como Twitter Bootstrap, utilizo una clase:
<%= f.select(:my_select_name, [1,2,3,4,5], {}, :class => "col-md-1") %>
Gracias, así que trabaja para mí. También puede hacer esto '' <% = f.select (: foo_id, Foo.all.collect {| foo | [foo.name, foo.id,]}, {},: style => "width: 250px") ' – ksugiarto
Gracias a mí también me funcionó. –
¡Hola! ¿Dónde puedo ver todas las opciones disponibles para 'html_options' y' options'? –
Las opciones html comunes son: múltiples - permitir múltiples opciones,: deshabilitadas - deshabilitar la entrada,: tamaño - establecer el tamaño,: clase - definir la clase,: onclick - llamadas javascript onclick y otra clave crea atributos HTML estándar. Para ver las opciones, puede consultar http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-options_for_select – ssri
Gracias, pero aún no entiendo cómo configurar el tamaño de la selección caja. ': size' no funciona para' select' (solo para campos de texto). ¿Podrías por favor elaborar? –