使用Bootstrap中的Nav Bar选项卡渲染Rails部分表单 [英] Render Rails partial Forms using Nav Bar tabs in Bootstrap

问题描述

您好，我正在尝试使用标签在页面中呈现部分表单.

Hello I am trying to render partial forms in a page using tabs.

我有_form1.html.erb和_form2.html.erb

I have _form1.html.erb and _form2.html.erb

所以我的view.html.erb应该基于选项卡菜单

so my view.html.erb should render forms based on the tabbed menu

view.html.erb

view.html.erb

  <ul class="nav nav-tabs">
           <li id ="one"class="active"><a href="#">form1</a></li>
           <li id="two"><a href="#">form2</a></li>
     </ul>
    <div id="one">
    <%= render partial: "form1" %>
    </div>
    <div id="two">
    <%= render partial: "form2" %>
    </div>

但是它不起作用我在做什么错呢? 我收到错误消息找不到'project_id'= form1

but its not working what am i doing wrong? i am getting the error Couldn't find Project with 'project_id'=form1

推荐答案

对我有用的是使用AJAX渲染，将我上面的html代码修改为

What worked for me is rendering using AJAX modified my above html code as

<ul class="nav nav-tabs">
           <li id ="one"class="active"><a href="#" data-toggle="tab">form1</a></li>
           <li id="two" data-toggle="tab"><a href="#">form2</a></li>
     </ul>
    <div class="tab-pane " id="one">
    <%= render partial: "form1" %>
    </div>
    <div class="tab-pane " id="two">
    <%= render partial: "form2" %>
    </div>

并在其中创建了一个新的index.js.erb

and created a new index.js.erb and in that

$("#one").html("<%= j (render 'form1') %>");
$("#two").html("<%= j (render 'form2') %>");

为我解决了这个问题

这篇关于使用Bootstrap中的Nav Bar选项卡渲染Rails部分表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！