type - jquery ui rails

Rieles: ¿AJAX es un cuadro de diálogo modal?

Question

Estoy interesado en aprender cómo AJAX un diálogo modal. Normalmente, si quería agregar un cuadro de diálogo modal a mi sitio web, agregué el código de diálogo de la interfaz de usuario de jquery en mi archivo JS principal y lo vinculé a una ID.

Creo que con Rails puedo crear un enlace, que recupera todo el código de diálogo del servidor y luego abre el diálogo.

¿Es esto cierto?

Si es así, ¿puedes ayudarme a comprender proporcionando un ejemplo simple de dónde todo vive en el mundo de los rieles MVC?

Gracias

Answer 1

Dios, le preguntaste esto hace 4 meses, así que probablemente ya te hayas dado cuenta. También tuve problemas para encontrar un buen escrito sobre cómo hacer esto. Esto es lo que descubrí:

En cualquier página que desee desplegar este cuadro de diálogo, desea tener un div como ese (observe que todavía no desea mostrar esto):

<div id="person-form" title="Person" style="display:none"></div>

En esa vista, también quiere una llamada Ajax para abrir este cuadro de diálogo:

<%= link_to ''Edit Profile'', edit_person_path(person), :remote => true %>

Obviamente, desea que edit_person_path enrute a alguna acción. Esa acción debería generar un js.erb que tenga algo como lo siguiente (en jQuery):

$("#person-form").dialog({
  autoOpen: true,
  height: 600,
  width: 600,
  modal: true,
  title: ''Edit Person'',
  buttons: {
    "Edit": function() { $("#edit_person_<%= @person.id %>").submit() },
  },
  open: function() {
    $("#person-form").html("<%= escape_javascript(render(''form'')) %>")
  },
});

Esto generará un _form.html.erb parcial en el cuadro de diálogo.

Nota: también necesitará configurar el estilo de jQueryUI para que el cuadro de diálogo se vea agradable y bonito.