ruby-on-rails - 来自具有多个记录的 SimpleForm 的参数散列对于一个记录的结构与两个记录的结构不同

Question

我努力将其消化成一个标题。

我正在使用 SimpleForm 构建一个包含一个或多个字段集的批量编辑页面 - 一个用于已构建但尚未保存的 ActiveRecord 模型集合中的每条记录。

我的表单如下所示:

= simple_form_for :courses, method: :patch do |f|
  - @courses.each do |course|
    = field_set_tag do
      = f.simple_fields_for 'courses[]', course do |c|
        = c.input :title
        .row
          .medium-6.columns
            = c.input :start_date, as: :string, input_html: { class: 'input-datepicker' }
          .medium-6.columns
            = c.input :end_date, as: :string, input_html: { class: 'input-datepicker' }
  = f.submit 'Save', class: 'primary button'

一条记录的参数散列如下所示:

"courses"=>{"courses"=>[{"title"=>"Course Y", "start_date"=>"2017-09-26", "end_date"=>"2017-07-31"}]}

有一个数组，而对于两条记录，它看起来像这样:

"courses"=>{"courses"=>{"1"=>{"title"=>"Course X", "start_date"=>"2018-01-16", "end_date"=>"2018-07-30"}, "2"=>{"title"=>"Course Y", "start_date"=>"2017-09-26", "end_date"=>"2018-07-30"}}}

使用字符串整数键哈希。

当我尝试使用强参数时，这就成了一个问题。经过多次黑客攻击，我最终得到了这段代码，它适用于多条记录，但在仅提交一条记录时失败:

ActionController::Parameters
  .new(courses: params[:courses][:courses].values)
  .permit(courses: [:title, :start_date, :end_date])
  .require(:courses)

失败并显示 param 丢失或值为空:courses 突出显示上面的 .require(:courses) 行。

通过协调单记录案例与多记录案例“解决”了这个问题:

if params[:courses][:courses].is_a?(Array)
  params[:courses][:courses] = { '1': params[:courses][:courses][0] }
end

但感觉应该有更简单的方法。

有没有更好的方法来为这个用例编写表单？我是否错过了具有强参数的技巧？

我正在使用 rails 5.0.5 和 simple_form 3.5.0。

Answer 1

"but it feels like there should be a simpler way of doing it."

是的，使用 ajax 发送单独的创建/更新请求。这可以对用户透明地完成，并提供更简单的代码和更好的用户体验。

Rails 具有 fields_for 和 accepts_nested_attributes，可用于在单个请求中创建/更新多个子记录和父记录。但它确实需要一个将记录分组在一起的关联，即使这样在验证方面也会变得非常棘手和复杂。

您想对其进行设置，以便每条记录都有一个单独的表格:

- courses.each do |c|
  = render partial: 'courses/_form', course: c

表单实际上没有任何内容:

# courses/_form.haml.erb
= simple_form_for course, remote: true, html: { 'data-type' => 'json', class: 'course_form'} do |f|
  = c.input :title
  .row
    .medium-6.columns
      = c.input :start_date, as: :string, input_html: { class: 'input-datepicker' }
    .medium-6.columns
      = c.input :end_date, as: :string, input_html: { class: 'input-datepicker' }
  = f.submit 'Save', class: 'primary button'

我们不使用 js.erb 模板，而是使用 'data-type' => 'json' 并编写我们自己的处理程序，因为它更容易定位正确的表单:

$(document).on('ajax:success', '.course_form', function(event, xhr, status){
  var $form = $(this);
  alert('Course created');
  if (this.method.post) {
    // changes form to update instead.
    this.method = 'patch';
    this.action = xhr.getResponseHeader('Location');
  } 
});

$(document).on('ajax:error', '.course_form', function(event, xhr, status){
  var $form = $(this);
  // @todo display errors
});

创建 Controller 非常简单:

class CoursesController
  def create
    @course = Course.new(course_params)
    respond_to do |format|
      if @course.save(course_params)
        format.json { head :created, location: @course }
      else
        format.json do
          render json: {
            errors: @course.errors.full_messages
          }
        end
      end
    end
  end

  def update
    @course = Course.find(params[:id])
    respond_to do |format|
      if @course.update(course_params)
        format.json { head :ok }
      else
        render json: {
          errors: @course.errors.full_messages
        }
      end
    end
  end
end