javascript - Application Wide Modal Issue rails 5 Bootstrap 3

Question

我在我的用户 Controller 中为我的新操作和编辑操作设置了模式。为了保持显示的一致性，我希望我的用户显示页面也以模式显示。

现在用户通过

访问他们的展示页面

<li><%= link_to "View Profile", current_user %></li>

我的导航栏中的链接。

我想设置此链接以在我的用户 Controller 中显示显示操作所需的模式。

我卡住了，我尝试用谷歌搜索如何执行此操作，但我认为我没有问正确的问题。如果有人可以指导我获取资源或提供如何实现此目的的总体概述，将不胜感激!

我意识到这个问题有点含糊，但我不确定如何继续。

Answer 1

如果您只想在单击时加载配置文件，则可以使用 Rails js。

1. 在链接标签上设置remote: true。

<li><%= link_to "View Profile", current_user, remote: true %></li>

2. 创建一个包含模态的部分，以便我们可以通过 rails js 呈现它。

app/views/users/_show.html.erb

<%= content_tag :div, class: "modal fade", id: dom_id(@user, :modal) do %>
  <div class="modal-dialog">
    <div class="modal-content">
      Lorem ipsum...
    </div>
  </div>
<% end %>

3. 附加包含模态的部分，然后使用 rails js 切换它。当设置了 remote: true 时，Rails 将寻找相应的 .js.erb View 。

app/views/users/show.js.erb

$('body').append('<%= j render "users/show" %>');  // Append modal
$('#<%= dom_id @user, :modal %>').modal('toggle'); // Toggle modal