Como criar uma caixa de seleção agrupada usando simples_form?

Question

Estou usando o Simple_form Gem para criar formulários de trilhos.http://github.com/plataformatec/simple_form

Tudo é ótimo, exceto como faço para criar uma caixa de seleção agrupada? Não consigo encontrá-lo nos documentos ou no Google-ing.

Answer 1

A pergunta é antiga, mas é o resultado principal para a pesquisa "Simple_form Grouped Select" do Google de qualquer maneira, então imaginei )

<%= f.input :author,
 :as => :grouped_select,
 :collection => [['Authors', ['Jose', 'Carlos']], ['General', ['Bob', 'John']]],
 :group_method => :last %>

<%= f.input :author,
 :as => :grouped_select,
 :collection => Proc.new { [['Authors', ['Jose', 'Carlos']], ['General', ['Bob', 'John']]] },
 :group_method => :last %>

<%= f.input :author,
 :as => :grouped_select,
 :collection => { ['Jose', 'Carlos'] => 'Authors' },
 :group_method => :first,
 :group_label_method => :last %>

<%= f.input :author,
 :as => :grouped_select,
 :collection => { 'Authors' => ['Jose', 'Carlos'] },
 :group_method => :last,
 :label_method => :upcase,
 :value_method => :downcase %>

Answer 2

Se você tiver dois modelos que são categoria, subcategoria da seguinte forma:

class Category < ActiveRecord::Base
    has_many :products
    has_many :subcategories
end

class Subcategory < ActiveRecord::Base
    belongs_to :category
    has_many :products
end

Então você pode usar

<%= simple_form_for [:admin, @yourmodel] do |f| %>
    <%= f.input :subcategory_id, collection: Category.all, as: :grouped_select, group_method: :subcategories, prompt: "Select One" %>
    <%= f.submit "Submit" %>
<% end %>

Qual resultado é o seguinte:

<div class="form-group grouped_select optional yourmodel_subcategory_id">
    <label class="grouped_select optional control-label" for="yourmodel_subcategory_id">Subcategory</label>
    <select class="grouped_select optional form-control" id="yourmodel_subcategory_id" name="yourmodel[subcategory_id]">
    <option value="">Select One</option>
    <optgroup label="Your 1st Category">
        <option value="This subcategory id">one subcategory belongs to Your 1st Category</option>
    </optgroup>
    <optgroup label="Your 2nd Category">
        <option value="This subcategory id">one subcategory belongs to Your 2nd Category</option>
    </optgroup>
    </select>
</div>

Espero que isto ajude.

Answer 3

Apenas uma maneira sã que encontrei para criar caixas selecionadas agrupadas é usar o auxiliar selecionado que passa em um grouped_options_for_select que faz Pegue um parâmetro selected_key para o argumento de opções (para garantir que o definido no seu modelo seja realmente selecionado). Você verá a chamada completa abaixo. Desculpe se é confuso.

-# @answer is the model instance passed into simple_form_for/form_for
select(@answer.class.to_s.underscore, :question_id, option_groups_from_collection_for_select(@categories, 'questions.order(:display_order)', :name, :id, :question, @answer.question_id))

Se houver uma maneira melhor de fazer isso que selecione o valor adequado, eu também sou todos os ouvidos.

tl; dr: Não, não vendo nenhum caminho com o formulário ou simples_form_for para criar seleções agrupadas, o acima deve ajudar pelo menos.

Answer 4

Acabei de dar uma olhada nos testes também. Se você quiser passar um valor diferente Para a tag Opção, use o seguinte para passar para a coleção:

Agent = Struct.new(:id, :name)
agents = [["First", []], ["Second", [Agent.new(7, 'Bond'), Agent.new(47, 'Hitman')]]]

Vejo https://github.com/plataformatec/simple_form/blob/master/test/inputs/grouped_collection_select_input_test.rb