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 的可靠示例（特别是标题为“嵌套关联和嵌入”的部分）。下面的示例是一个衍生示例，反映了Foos与Bars的组合。

首先，您走在正确的轨道上：
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为每个提供了标签。

现在，您必须调整控制器new和create操作以反映包含一些条（例如两个）：

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

您的edit和update操作将需要预加载栏：

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

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

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