如何使用 Turbo 框架将对象创建表单替换为对象显示部分？

Question

我有一个模型 subscription_tier ，其中包含 show 和 edit 操作以及相应的视图。我已经用 Turbo 框架包裹了每一个

<%= Turbo_frame_tag subscription_tier do %>

当我编辑现有订阅层并保存它时，turbo 框架会刷新并显示我保存的层，但我无法复制此内容以创建新层。

我的新层框架：

<turbo-frame id="new_tier">
      <%= link_to "Add Tier", new_create_subscription_tier_path(sub_type: "Free"), class: "btn btn-primary mb-3 fs-6"
      %>
 </turbo-frame>

在 new.html.erb 中，

    <turbo-frame id="new_tier">
      <%= render partial: "create/subscription_tiers/edit", locals: {
        subscription_tier: @subscription_tier
      } %>
    </turbo-frame>

单击“添加层”按钮成功呈现表单，我可以保存对象，但在保存时，turbo 框架被破坏，并出现错误 Response has没有匹配的element

我知道这是因为我的 show 部分是用 <%= Turbo_frame_tag subscription_tier do %> 包装的，但我不知道如何调和这一点。

Answer 1

我相信您需要在新链接中添加一个数据标签，即

<%= link_to "new subscription", subscription_path, data: { turbo_frame: dom_id(Subscription.new) } %>

在与此链接相同的页面上 ^^^^ 您需要添加

<%= turbo_frame_tag Subscription.new %>

我相信这就是您想要完成的任务

有一个很棒的教程，涵盖了所有这些内容此处免费

Answer 2

也许OP已经解决了这个问题，但是对于任何寻找可能解决方案的人来说，您总是可以手动设置turbo帧ID，例如：

<!-- new.html.erb, edit.html.erb -->
<%= turbo_frame_tag 'subscription_tier_frame' do %>
  <%-- form for subscription tier -->
<% end %>

并且

<!-- show.html.erb -->
<%= turbo_frame_tag 'subscription_tier_frame' do %>
  <%-- rendered subscription tier -->
<% end %>

这会将事物保留在同一个turbo帧中。