Tengo una lista de clientes. Cada cliente tiene un enlace, que enlaza con la página de clientes y muestra sus datos.
Quiero vincular a renderizado parcial en la misma página debajo de la tabla de clientes. Al inicializar la "página" con la tabla, se debe cargar una página en blanco con algo como "seleccione un cliente".
Mi código para la lista de Clientes:
<h1>Listing Customers</h1> <table> <thead> <tr> <th>Name</th> <th colspan="3">Actions</th> </tr> </thead> <tbody> <% @customers.each do |customer| %> <tr> <td><%= customer.name %></td> <td><%= link_to 'Show', customer %></td> <td><%= link_to 'Edit', edit_customer_path(customer) %></td> <td><%= link_to 'Destroy', customer, method: :delete, data: { confirm: 'Are you sure?' } %></td> </tr> <% end %> </tbody> </table> <br> <%= link_to 'New Customer', new_customer_path, class: "button", id: "new_customer" %>Mi parcial para mostrar al cliente:
<p> <strong>Name:</strong> <%= @customer.name %> <%= @customer.id %> </p> <%= link_to 'Edit Customer', edit_customer_path(@customer) %> | <%= link_to 'Back', customers_path %>¿Me pueden ayudar con algunas ideas?
Básicamente, desea utilizar AJAX para mostrar los detalles de un cliente. Para esto, puede usar la opción remote: true proporcionada por rieles para el ayudante link_to . Lo que vamos a hacer a continuación:
Cree un div que contendrá los datos cargados. En este caso div#current_customer
Agregue remote: true a su enlace:
<td><%= link_to 'Show', customer, remote: true %></td> Asigne un nombre a sus customers/_show.html.erb (no olvide el _ para que pueda llamarse como parcial):
<p> <strong>Name:</strong> <%= @customer.name %> <%= @customer.id %> </p> <%= link_to 'Edit Customer', edit_customer_path(@customer) %> | <%= link_to 'Back', customers_path %> # You should remove this link Responda a Javascript en el método show en CustomersController :
respond_to do |format| format.js {render layout: false} # Add this line to you respond_to block end Cree su vista show.js.erb , que manejará los cambios de front-end cuando se llamará a respond_to :js (en este caso, activado por remote: true )
Dígale show.js.erb lo que debe hacer (Reemplace el contenido de #current_customer con su parcial, usando el @customer correcto):
$("#current_customer").html("<%= escape_javascript(render partial: 'customers/show', locals: { customer: @customer } ) %>"); <div id="current_customer"> # This will will contain the partial </div>