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

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 %>

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

-苹果

-苹果

-橙子

-橙子

-橙子

我想要的是显示如下：

-苹果

-oranges

-苹果

-oranges

-oranges

Answer 1

您可以访问from中的数据，它是传递给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 %>