用基础和轨道显示部分模态

Question

我想创建我认为是使用基础的轨道中的简单模态登录窗口。不幸的是，我觉得这并不容易。

基本上我想要做的是在主页面上提供一个链接给用户，当他们点击时，会在模态窗口中显示设计注册表单。

有人可以帮我吗？谢谢！

Answer 1

这里是你会怎么做基础的例子

<%= link_to "Sign Up", '#', data: {:'reveal-id' => 'signupModal'} %> 
<div id="signupModal" class="reveal-modal"> 
    <%= render 'devise/registrations/new' %> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

你必须重命名devise/registrations/new到devise/registrations/_new，使其部分。

您可以找到全套的选项和文档中的foundation docs on reveal

Answer 2

基金会的js显示还支持Ajax内容的一部分。

<a href="http://controller-action" data-reveal-id="myModal" data-reveal-ajax="true">new action link</a> 
<a href="http://controller-action2" data-reveal-id="myModal" data-reveal-ajax="true">edit action link</a> 

在控制器动作，使Ajax内容与布局：假

def controller-action 
    @xy = @x.y.new 
    render :layout => false 
end 

在控制器的动作来看，添加您的形式和关闭按钮;

<a class="close-reveal-modal">&#215;</a> 
<%= form_for(@xy, url: "/create-action", :method=>'post') do |f| %> 
    <%= f.text_field :name , placeholder: '....' %> 
    <%= f.submit 'Save', class: 'button tiny right', data: { disable_with: "wait..." } %> 
<% end %>