【问题标题】:Rails using modal to open a new pageRails 使用 modal 打开新页面
【发布时间】:2015-08-19 04:44:05
【问题描述】:

在我的 Rails 应用中,我想使用 modal 打开一个新页面。

例如,在index.html.erb 中,我有一个“新建”按钮。当我单击“新建”时,一个对话框将显示new.html.erb 中的内容。我尝试使用:

<a data-toggle="modal" class="btn btn-info" href="#{new_site_path}" data-target="#myModal">New</a>

但它不起作用,最好的 rails 方法是什么?谢谢。

更新:

我找到了一个方法是:

<%= link_to "Open modal", new_site_path, :class => "btn", "data-toggle" => "modal", "data-target" => ".bs-example-modal-lg" %>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
    </div>
  </div>
</div>

但是,打开的对话框是在 application.html.erb 中包含 html 代码,其中包括导航栏和侧边栏,但我不想要它,我该怎么做?

谢谢。

【问题讨论】:

  • 当前您的模态正在打开但未显示new.html.erb 文件内容?
  • 是的,我认为href的语法不正确,但我不知道正确的那个

标签: ruby-on-rails twitter-bootstrap modal-dialog


【解决方案1】:

链接应该是:

<a data-toggle="modal" class="btn btn-info" data-target="#myModal">New</a>

现在在上面的a 标签包含的页面中创建一个partial。假设您创建了_modal_patrial.html.erb。然后render当前页面中的部分。

_modal_patrial.html.erb

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   // new.html.erb contents will go here.    
</div>

您可以查看link 了解详情。 希望对您有所帮助!

【讨论】:

  • 谢谢你的回答,我已经找到了解决这个问题的方法,但是我遇到了一个新问题,贴在这个问题上,你能帮我吗?谢谢
  • @Stephen,你的问题不清楚。能详细点吗?
猜你喜欢
  • 1970-01-01
  • 2018-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-11-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多