嵌套表单不呈现或保存数据

时间:2016-07-28 02:11:04

标签: ruby-on-rails ruby twitter-bootstrap simple-form cocoon-gem

我是Ruby和Rails的新手,我试图整理最终创建页面的嵌套表单,但也允许用户创建单独的部分内嵌在提交页面之前。内联表单包含两个按钮,一个添加一个部分,另一个删除它。以下是我的相关文件(如果您需要查看其他文件,请告诉我),我会列出我之后遇到的问题:

仅供参考,我使用的宝石有:SlimSimple Formcocoon和Bootstrap。在Rails 4上。

_form.html.slim

= simple_form_for(@page, html: { class: 'form-horizontal' }) do |f|

  = f.input :title, label: 'Title'
  = f.input :description, label: 'Desc'

  .form-group
    .col-xs-10
      label Parts
      .form-inline
        = f.simple_fields_for :parts do |part|
          = render 'part_fields', f: part
        .links
          = link_to_add_association 'Add Part', f, :parts

  = f.button :submit

_parts_fields.html.slim

= f.input :part_type, collection: ['String 1', 'String 2'], prompt: 'Part type', label: false
= f.input :part_title, placeholder: 'Part title', label: false
= f.input :part_desc, placeholder: 'Part description', label: false
= link_to_remove_association 'Remove Part', f

/models/page.rb

class Page < ActiveRecord::Base
    belongs_to :project
    has_many :parts
    accepts_nested_attributes_for :parts
end

/models/part.rb

class Part < ActiveRecord::Base
    belongs_to :page
end

/controllers/pages_controller.rb

class PagesController < ApplicationController
    def index
        @pages = Page.all

        respond_to do |format|
            format.html 
            format.json { render json: @pages }
        end
    end

    def new
        @page = Page.new

        respond_to do |format|
            format.html 
            format.json { render json: @page }
        end
    end

    def edit
        @page = Page.find(params['id'])
    end

    def create
    @page = Page.new(page_params)

        respond_to do |format|
            if @page.save
                format.html { redirect_to(@page) }
                format.json { render json: @page, status: :created, location: @page }
            else
                format.html { render action: 'new' }
                format.json { render json: @page.errors, status: :unprocessable_entity }
            end
        end
  end

  def update
    @page = Page.find(params['id'])

        respond_to do |format|
            if @page.update_attributes(page_params)
                format.html { redirect_to(action: 'index') }
                format.json { head :ok }
            else
                format.html { render action: 'edit' }
                format.json { render json: @page.errors, status: :unprocessable_entity }
            end
        end
  end

    def page_params
        params.require(:page).permit(:title, :description, parts_attributes: [:id, :part_type, :part_title, :part_desc])
    end
end # End Pages Controller

路线

resources :projects do
    resources :pages
end

resources :pages

resources :parts

问题:

1)表单不保存任何数据(无法编辑/更新当前页面或创建新页面)。 更新:已修复,请参阅下面的答案。

2)在部分我使用collection有一个下拉菜单,但这些测试值现在是硬编码的。如何使用db?中的列填充每个字段的下拉列表?

3)来自partial的内联表单元素不会在主表单上呈现。我所看到的只是&#34;零件&#34;标签,下面没有元素。 更新@pages.parts.build解决了这个问题。

感谢你们给我的任何帮助。

3 个答案:

答案 0 :(得分:1)

  1. 您的@page对象没有parts。所以当它试图渲染fields_for时,确实如此!只是,零次。在控制器中添加@page.parts.build以添加一个。

  2. 不确定;现在太累了。尝试将save更改为save!,将update_attributes更改为update!,以便Rails抛出错误而不是静默失败。顺便说一句,为什么if params[:page]内有page_params?这不是必需的;这是require(:page)的作用。

  3. ActiveRecord提供了一个column_names方法,该方法返回一个列名数组。

答案 1 :(得分:1)

实际上,@page.parts.build将始终构建一个新的part,即使用户没有请求它(它可能是你想要的)。现在,您只显示每个嵌套零件的Add按钮。我假设您只需要一个Add按钮,如下所示:

  .form-inline
    = f.simple_fields_for :parts do |part|
      = render 'parts_fields', f: part
      = link_to_add_association 'Remove Part', f, :parts            
    = link_to_add_association 'Add Part', f, :parts

这将始终显示Add Part链接(并且只显示一次)。

至于不保存,可能的原因是:

  • 数据未发布到服务器(检查您的日志文件,可能的原因是您的HTML中的错误,例如多个相同的ID)
  • 数据被强参数命令阻止
  • 数据被reject_if
  • accepts_nested_attributes_for条件阻止
  • 验证失败

现在,如果显示的代码是您的实际代码,一切似乎都可以。那么你能告诉我们发布到服务器的内容吗? (检查你的日志文件)。

答案 2 :(得分:0)

表单现在按预期保存数据。在我的一个部分中,我有两个相同的字段,因此为我创造了一个无声的冲突。此外,在我解决此问题后,我开始收到Unpermitted parameter: _destroy错误,修复方法是将:_destroy添加到parts_attributes所需的参数列表中。