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

标签 jquery ruby-on-rails

我有一个项目列表,显示在一系列 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)助手。

谢谢!

最佳答案

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

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

关于jquery - 使用 Rails 和 jQuery 处理内联编辑表单的好方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/783975/

相关文章:

ruby-on-rails - Rails 将多个 pdf 文件渲染到一个文件夹

javascript - 使用 jquery 或普通 js 更改 url

javascript - 在 RadioButton 列表单击事件上显示确认消息框

javascript - DOMNodeInserted DOMNodeRemoved 与 MutationObserver 的等价物?

ruby-on-rails - Heroku postgresql 最大连接数

ruby-on-rails - Ruby 参数传递

jquery - 使用自动完成填充多个文本框

javascript - 如何从 JQuery Slider 中删除 Opcity

ruby-on-rails - erb评论的 Sublime 快捷方式

java - 您在构建 Web 应用程序的开发框架和工具方面有哪些经验?