在按钮上显示/隐藏Rails中的渲染以单击

时间:2014-01-28 11:54:34

标签: javascript jquery html css ruby-on-rails

我正在尝试为大多数人制作一些必须非常简单的东西。我试图在我的rails应用程序的某些视图中隐藏渲染/部分。我搜索'回合怎么做,但我找不到任何真正有用的例子或东西。

这是我的代码

  <p id="notice"><%= notice %></p>
  <br>
  <CENTER><p>
  <h2>DATOS DEL LIBRO</h2>
  </p>
  <p>
  <b>Codigo Del Libro: </b>
  <%= @baptism_book.codigo %>
  </p>

  <p>
  <b>Numero De Libro:</b>
  <%= @baptism_book.numero %>
  </p>

  <p>
  <b>Cantidad de Paginas Del Libro:</b>
  <%= @baptism_book.paginas %>
  </p>

   <p>
   <b>Cantidad de Partidas por Pagina:</b>
   <%= @baptism_book.partidas_pagina %>
   </p>

   <p>
   <b>Parroquia:</b>
   <%= @baptism_book.parroquia %>
   </p>
   <br>
   <%= button_to 'Editar', edit_baptism_book_path(@baptism_book), :method => :get %>
   </CENTER> 
   <DIV Align=left>
   <%= button_to 'Volver', baptism_books_path, :method => :get %>

   </DIV>



   <h2>Partidas:</h2>

   <CENTER>
    <TABLE>
     <tr>
     <th>Tomo del libro</th>
      <th></th><th></th>
      <th>Numero de Partida</th>
      <th></th><th></th>
      <th>Pagina</th>
       <th></th><th></th>
       <th><%=link_to "Nombre", :sort => "Nombre" %></th>
        <th></th><th></th>
       <th>Fecha bautizo</th>
      <th></th><th></th>
       <th>Celebrante</th>
      <th></th><th></th>

      </tr>
     <% @baptism_book.baptism_items.each do |baptism_item| %>
     <tr>
     <td><center><%= baptism_item.tomo_libro %><center></td>
     <td></td><td></td>
     <td><center><%= baptism_item.numero %></center></td>
     <td></td><td></td>
     <td><center><%= baptism_item.pagina %></center></td>
     <td></td><td></td>
     <td><center><%= baptism_item.nombre %></center></td>
     <td></td><td></td>
     <td><center><%= baptism_item.fecha_bautizo %></center></td>
     <td></td><td></td>
    <td><center><%= baptism_item.celebrante %></center></td>
    <td></td><td></td>
   <td><%= link_to 'Ver', baptism_item %></td>
   <td><%= link_to 'Editar', edit_baptism_item_path(baptism_item) %></td>

   </tr>
   <% end %>
   </table>
   </CENTER>

   <br>
   <br>



   <h2>Agregar Partida:</h2>
   <%= render "baptism_items/form" %>

正如你在最后一行中看到的那样,有一个渲染标记(&lt;%= render“baptism_items / form”%&gt;)我希望当我点击某个链接或按钮或其他内容时,渲染可以隐藏/显示。

请帮帮我吗?

2 个答案:

答案 0 :(得分:2)

你可以放一个覆盖渲染的div。

<h2>Agregar Partida:</h2>
<div id="mydivtohide">
  <%= render "baptism_items/form" %>
</div>

这样你只需要隐藏div。

答案 1 :(得分:0)

如果你确定在一个特定视图中不需要这个局部,你应该在控制器中定义一个变量,以确保这个部分根本不在DOM中渲染,而不仅仅是用javascript隐藏,例如:

render_partial? = false

然后在你看来:

<%= render "baptism_items/form" if render_partial? %>