Question

如何将内置的Devise edit_user_registration视图移动到模式，以便当用户单击页面上的设置链接时显示模式而不是Rails路由到视图。我正在使用bootstrap并希望使用他们的代码，但我不确定将模态视图的内容放在rails中的哪个位置？

我是否必须覆盖设计路径甚至控制器？

调用模态是通过任何布局来完成的......所以

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

我最初的想法是使用相应的Modal元素和id包装我的..devise / registration / edit.html.erb，但我不确定是否必须将href =“＃myModal”与id的id相同模态或我可以使用默认的设计编辑路线......

如果我没有使用设计我就不会有问题。

Answer 1

Bootstrap执行一些JS魔术，以便你的锚标记href =“＃myModal”中的href选取一个具有相同id的div，并使用它作为模态显示内容。

你想要做的是这个

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
<div class="modal" id="myModal">
   <%= render :template => "devise/registrations/edit" %>
</div>

这将在当前视图中呈现设计视图，但由于bootstrap，它将被隐藏。然后，当有人点击Launch Modal按钮时，它会显示隐藏的内容：用户编辑表单。

将Devise edit_user视图移动到模态

1 个答案: