jquery - 使用 Rails 和 jQuery 处理内联编辑表单的好方法

Question

我有一个项目列表，显示在一系列 DIV 中。当有人点击“编辑”链接时，我想用一个表单替换 div，让他们以一种很好的方式编辑该项目的内容。

我正在尝试想出处理这个问题的理想方法。我是否为列表中的每个项目创建一个隐藏的编辑表单，并 Hook 编辑链接以显示它，如下所示:

<div>
    <a href="#">edit</a> Item One
    <div id="edit_1202" class="editform">Edit form goes here</div>
</div>
<div>
    <a href="#">edit</a> Item Two
    <div id="edit_2318" class="editform">Edit form goes here</div>
</div>

或者是否有更好的方法来获取数据并将表单的 HTML 插入到正确的位置？请记住，我使用的是 jQuery，因此无法使用原型(prototype)助手。

谢谢!

Answer 1

通常情况下，找到答案的最短途径是 Ryan Bates 的 Railscasts 。他在using jQuery with Rails上有一集。虽然他没有具体介绍它，但可以根据他展示的基础知识来制定一个相当优雅的解决方案。

就我而言，编辑链接将被覆盖以向服务器发送 ajax 请求，服务器返回 javascript 以使用表单编辑代码构建部分内容。很简单，一旦你知道怎么做!