Rails - AJAX a Modal Dialog?

Question

Sono interessato ad imparare come AJAX una finestra di dialogo modale. Tipicamente, se volevo aggiungere una finestra di dialogo modale al mio sito web, ho aggiunto il codice della finestra di dialogo dell'interfaccia utente jQuery nel mio file JS principale e l'ho associato a un ID.

Credo che con Rails posso creare un collegamento, che recupera tutto il codice di dialogo dal server e quindi si apre la finestra di dialogo.

È vero?

Se è così, mi potete aiutare a capire, fornendo un semplice esempio di dove tutto vive nel rotaie MVC mondo?

Grazie

Answer 1

Accidenti, ti ha chiesto questo 4 mesi fa in modo probabilmente avete capito questo, ormai. Ho anche avuto difficoltà a trovare una buona recensione su come farlo. Ecco quello che ho capito:

In qualunque pagina che si desidera tirare su questa finestra di dialogo, si desidera avere un div in questo modo (si noti che non vuoi visualizzare questo ancora):

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

a questo punto di vista, si desidera anche una chiamata Ajax per tirare su questa finestra di dialogo:

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

Ovviamente, si desidera che questo edit_person_path per il routing a una certa azione. Tale azione dovrebbe rendere un js.erb che ha qualcosa come il seguente (in 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')) %>") 
    }, 
}); 

Questo renderà un _form.html.erb parziale nella finestra di dialogo.

Nota: si sta andando ad avere bisogno di configurazione stile jQueryUI anche per la finestra di dialogo per rendere bella e abbastanza.