【发布时间】:2016-07-28 02:11:03
【问题描述】:
我是 Ruby 和 Rails 的新手,我正在尝试组合一个嵌套表单,最终创建一个页面,但也允许用户在提交页面之前创建单独的部分内联 .内联表单包含两个按钮,一个添加一个部分,另一个删除它。这是我的相关文件(如果您需要查看其他文件,请告诉我),我将列出我遇到的问题:
仅供参考,我使用的 gem 是:Slim、Simple Form、cocoon 和 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 有一个下拉菜单,但这些测试值现在是硬编码的。如何使用数据库中的列填充每个字段的下拉列表?
3) 来自部分的内联表单元素不会被渲染回主表单。我看到的只是“零件”标签,下面没有任何元素。 更新:@pages.parts.build 解决了这个问题。
感谢你们能给我的任何帮助。
【问题讨论】:
-
在您的控制器中尝试
@page.parts.build将新的零件实例添加到零件集合中。
标签: ruby-on-rails ruby twitter-bootstrap simple-form cocoon-gem