Ruby on Rails 3、表单、ajax、嵌套、就地编辑、一对一。最佳实践

Question

假设我有一个包含许多字段的复杂嵌套表单。

我想以 ajax 方式逐一编辑其字段，以便每次我看到表单时 - 它都是“显示”样式（没有用于更改信息的字段），但可以切换任何特定字段或字段组使用其自己的“保存”或“更新”按钮进入“编辑”模式。

为了解决这类问题，我最终采用了两种方法：

1. 扩展使用 Ryan Bates 复合体-表单示例。
   这种方式的缺点是每个字段（或一组字段）都需要它自己的代码（即 javascript: 'insert_fields'），该代码呈现相应的 'edit' 样式表单，因此会导致页面被 javascript 淹没。

2. 第二个 - 是通过 ajax 通过特殊控制器操作（即 get_partial）加载相应编辑部分的统一过程，该操作通过“编辑”表单“渲染：更新”给定字段的区域。
   对于给定的字段或字段组，我有“编辑”和“显示”的部分内容。当我需要将该字段切换到编辑模式时，我发送带有必要参数的请求 (link_to ...,'/.../get_partial?partial=foo',:remote => true) ajax，并且某些控制器#action 通过 javascript 渲染该部分。

我认为第二种方法更好，但我不知道如何最好地优化它。

对于这个问题还有更优雅的解决方案吗？

Answer 1

如果您生成一个普通的“编辑”表单（包含所有嵌套字段等），然后让 javascript 隐藏字段并添加字段文本和旁边的编辑链接，会怎么样？因此，举例来说，假设您的表单如下所示：

= form_for @foo do |f|
  = f.text_field :name

并且您的 javascript 会对其执行此操作 (1)：

= form_for @foo do |f|
  = f.text_field :name, :class => "hide"
  <the value of the field here>
  = link_to "edit", "#"

然后让您的 javascript 将单击事件添加到编辑链接，单击时会执行以下操作：

= form_for @foo do |f|
  = f.text_field :name
  = f.submit "Save"

然后您需要更多的 javascript 来使保存按钮提交表单（ajax），然后返回上面的（1）