RoR - 带有复选框的动态下拉列表

Question

我希望实现一个带有复选框的动态下拉列表，以便消息的发送者可以选择多个接收者。

目前我在消息文本区域下只有一个收件人列表。

_recipients.html.erb：

<% @recipients.each do |user| %>
  <label for="user<%= user.id %>" >
    <span class="list-group-item"><%= user.full_name %></span>
    <%= check_box_tag "message[user_tokens][]", user.id, @message.users.include?(user), id: "user#(user.id)", class: "form-control" %>
  </label>

用户.rb：

class User < ActiveRecord::Base

  rolify
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :trackable, :validatable

  validates :full_name, presence:true,
            length: {minimum: 4 }

  has_many :messages, foreign_key: :sender_id
  has_many :notes
  has_many :homeworks
  has_many :hw_comments
  belongs_to :classmodule
  belongs_to :student

recipient.rb:

class Recipient < ActiveRecord::Base
    belongs_to :message
    belongs_to :user

    validates :user_id, presence: true
end

messages_controller.rb：

class MessagesController < ApplicationController
    before_action :authenticate_user!

    def new
        @message = Message.new
        @recipients = User.all 
        @recipients = @recipients.page(params[:page]).per(8)
    end

    def create
        @message = current_user.messages.build(message_params)

        if @message.save
            flash[:success] = "Message sent"
            redirect_to messages_path
        else
            flash[:alert] = "Something went wrong"
            render :new
        end
    end

    def index
        @messages = Recipient.where(:user_id => current_user.id).order('created_at DESC')
    end

    private
    def message_params
        params.require(:message).permit(:title, :body, :sender_id, user_tokens: [])
    end 
end

例如，是否可以使用 collection_select 将复选框和名称放入下拉列表中？如果需要，很高兴提供更多代码。谢谢。

Answer 1

如果您使用的是引导程序，您可以使用下拉菜单执行此操作，请参阅示例 http://www.bootply.com/8V6EpWyMO3

（尽管您可能会考虑在 js 中进行一些手动覆盖，以了解点击对所点击内容的敏感程度）

导轨部分

如果您不使用简单表单并且确实需要引导解决方案，则需要编写自定义输入。

Answer 2

有不同的方法，例如将bootstrap select 与多个选项一起使用，这样您就只有一个选项可以选择多个选项。你必须调整你的message_params。

另一种方法是使用 simple_form 和 cocoon，作为 cocoon 处理关联模型上新“视图”的渲染。可能就像拥有一样简单：

（为了方便使用 slim）

recipient_fields.slim

.nested-fields
  = f.collection_select :user_id, User.all, :id, :name
  = link_to_remove_association 'remove recipient', f

并在每次您想添加新收件人时呈现一个新视图：

link_to_add_association，通过茧处理html元素的渲染和销毁。