Rails – AJAXmodal dialog？

我有兴趣学习如何使用AJAX模式对话框。 通常，如果我想在我的网站上添加modal dialog，我在主JS文件中添加了jquery UI对话框代码，并将其绑定到ID。

我相信使用Rails我可以创建一个Link，它从服务器获取所有对话框代码，然后打开对话框。

这是真的？

如果是这样，你可以通过提供一个简单的例子来帮助我理解轨道MVC世界中的所有东西吗？

谢谢

Answer 1

天哪，4个月前你问过这个问题，所以你现在可能已经想到了这一点。 我也很难找到关于如何做到这一点的好文章。 这是我想出的：

在你想要拉出这个对话框的任何页面中，你想要一个这样的div（注意你还不想显示它）：

在该视图中，您还需要一个Ajax调用来拉出此对话框：

 <%= link_to 'Edit Profile', edit_person_path(person), :remote => true %> 

显然，您希望此edit_person_path路由到某个操作。 该动作应该呈现一个类似于以下内容的js.erb（在jQuery中）：

 $("#person-form").dialog({ autoOpen: true, height: 600, width: 600, modal: true, title: 'Edit Person', buttons: { "Edit": function() { $("#edit_person_<%= @person.id %>").submit() }, }, open: function() { $("#person-form").html("<%= escape_javascript(render('form')) %>") }, }); 

这将在对话框中呈现部分_form.html.erb。

注意：您将需要设置jQueryUI样式以使对话框呈现漂亮和漂亮。