15

我有以下型号:

# Foo model
schema "foo" do
  field :name, :string
  has_many: :bars, App.Bar
end

# App model
schema "bar" do
  field :name, :string
  belongs_to: foo, App.Foo
end

而这种形式:

# form.html (Foo)
<%= form_for @changeset, @action, fn f -> %>
  <%= text_input f, :name, class: "form-control" %>
  <%= submit "Submit", class: "btn btn-primary" %>
<% end %>

在此表单中,如何添加文本字段以填充我的新Foo表单Bars

以下内容不起作用,因为bars未预加载:

<%= text_input f, :bars, class: "form-control" %>

我在正确的轨道上吗?如果是这样,我如何Bars在表单中预加载?

更新,控制器:

def new(conn, _params) do
  changeset = %Foo{} |> Repo.preload(:bars) |> Foo.changeset
  render(conn, "new.html", changeset: changeset)
end

def create(conn, %{"foo" => foo_params}) do
  changeset = %Foo{} |> Repo.preload(:bars) |> Foo.changeset(foo_params)

  if changeset.valid? do
    Repo.insert!(changeset)

    conn
    |> put_flash(:info, "Foo created successfully.")
    |> redirect(to: foo_path(conn, :index))
  else
    render(conn, "new.html", changeset: changeset)
  end
end

预加载似乎有效,但我Argument error在到达时 得到<%= text_input f, :bars, class: "form-control" %>

[error] #PID<0.280.0> running App.Endpoint terminated
Server: 192.168.48.202:4000 (http)
Request: GET /
** (exit) an exception was raised:
    ** (ArgumentError) argument error
        :erlang.bit_size([])
        (phoenix_html) lib/phoenix_html/tag.ex:66: anonymous fn/2 in Phoenix.HTML.Tag.tag_attrs/1
        (elixir) lib/enum.ex:1261: Enum."-reduce/3-lists^foldl/2-0-"/3
        (phoenix_html) lib/phoenix_html/tag.ex:35: Phoenix.HTML.Tag.tag/2
        (app) web/templates/foo/form.html.eex:16: anonymous fn/1 in App.FooView.form.html/1
        (phoenix_html) lib/phoenix_html/form.ex:181: Phoenix.HTML.Form.form_for/4
        (app) web/templates/foo/form.html.eex:1: App.FooView."form.html"/1
        (app) web/templates/foo/new.html.eex:3: App.FooView."new.html"/1
4

2 回答 2

15

查看 Jose 关于使用关联和嵌入的帖子,了解使用 ToDoLists 和 ToDoItems 的可靠示例(特别是标题为“嵌套关联和嵌入”的部分)。下面的示例是一个衍生示例,反映了FoosBars的组合。

首先,您走在正确的轨道上:
has_many: :bars, App.Bar

修改您的表单以反映:

# form.html (Foo)
<%= form_for @changeset, @action, fn f -> %>
  <%= text_input f, :name, class: "form-control" %>
  <%= inputs_for f, :bars, fn i -> %>
    <div class="form-group">
      <%= label i, :name, "Bar ##{i.index + 1}", class: "control-label" %>
      <%= text_input i, :name, class: "form-control" %>
  </div>
<% end %>
  <%= submit "Submit", class: "btn btn-primary" %>
<% end %>

这利用inputs_for/4函数 fromPhoenix.HTML.Form为您的 :bars 关联生成字段。在这里,我们按顺序标记了每个“Bar #1”和“Bar #2”,并text_input为每个提供了标签。

现在,您必须调整控制器newcreate操作以反映包含一些条(例如两个):

def new(conn, _params) do
  changeset = %Foo{} |> Foo.changeset(%Foo{bars: [%MyApp.Bar{}, %MyApp.Bar{}]})
  render(conn, "new.html", changeset: changeset)
end

def create(conn, %{"foo" => foo_params}) do
  changeset = %Foo{} |> Foo.changeset(foo_params)

  case Repo.insert(changeset) do

    conn
    |> put_flash(:info, "Foo created successfully.")
    |> redirect(to: foo_path(conn, :index))
  else
    render(conn, "new.html", changeset: changeset)
  end
end

您的editupdate操作将需要预加载栏:

foo = Repo.get!(Foo, id) |> Repo.preload(:bars)
于 2016-02-26T03:46:17.527 回答
2

如果您的模型具有嵌套关联,您可以使用inputs_for将嵌套数据附加到表单。例如,请参阅嵌套输入部分中的此处。

于 2015-09-10T15:27:04.743 回答