Question

我正在建立一个带有嵌套字段的表单，如何指定字段的顺序，以便它们不会被分组在一起。

我可以使用inputs_for显示嵌套的字段，但是它会一次显示所有这些字段。我想以动态顺序显示它们。

例如：

<%= inputs_for f, :apples, fn fa -> %>
  <%= label fa, :name %>
  <%= text_input fa, :name %>
  <%= error_tag fa, :name %>
<% end %>

<%= inputs_for f, :oranges, fn fo -> %>
  <%= label fo, :name %>
  <%= text_input fo, :name %>
  <%= error_tag fo, :name %>
<% end %>

这将为每个嵌套关联将所有apples和oranges字段分组在一起。因此，对于2个苹果和3个橙子，它将显示：

-苹果

-橙色

我想要显示的内容如下：

-苹果

-橙色

-苹果

-橙色

Answer 1

您可以从中访问数据，数据的形式为传递给form_for/4中的回调函数的变量。因此，您可以创建一个采用这种形式的函数，对苹果和橙子进行排序和组合，然后根据您的订单进行渲染。

<%= form_for @settings, Routes.config_path(@conn, :save), fn f -> %>
    <%= render_apples_and_oranges(f) %>
<% end %>

然后在您的view文件中定义函数render_apples_and_oranges\1

  def apples_and_oranges(%{data: %{apples: apples, oranges: oranges}} = form) do
    # Sort and combine apples and oranges
    render("apples_oranges_field_template.html", form: form, apples_and_oranges: sorted_apples_and_oranges)
  end

然后创建用于渲染苹果和橙子的新模板：

<%= for field <- @fields do %>
    <%= text_input(@form, field.name, value: field.value %>
<% end %>

指定嵌套Phoenix表单字段的顺序

1 个答案: