Rails - AJAX un dialogue modal?

Question

Je suis intéressé à apprendre à AJAX un dialogue modal. Généralement, si je voulais ajouter une boîte de dialogue modale à mon site Web, j'ai ajouté le code de dialogue de l'interface utilisateur jquery dans mon fichier JS principal et l'ai lié à un ID. Je crois avec Rails que je peux créer un lien, qui récupère tout le code de dialogue du serveur, puis ouvre la boîte de dialogue.

Est-ce vrai?

Si oui, pouvez-vous m'aider à comprendre en fournissant un exemple simple d'où tout vit dans le monde MVC rails?

Merci

Answer 1

Mon Dieu, vous avez demandé cela il y a 4 mois si vous avez probablement compris cela maintenant. J'ai également eu du mal à trouver un bon article sur la façon de le faire. Voici ce que j'ai compris:

Quelle que soit la page que vous voulez tirer cette boîte de dialogue, vous voulez avoir un div comme si (notez que vous ne voulez pas afficher ce encore):

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

dans cette optique, vous voulez aussi un appel Ajax pour tirer cette boîte de dialogue:

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

de toute évidence, vous voulez que cette edit_person_path voie à une certaine action. Cette action devrait rendre une js.erb qui a quelque chose comme ce qui suit (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')) %>") 
    }, 
}); 

Cela rendra une _form.html.erb partielle dans la boîte de dialogue.

Remarque: vous devrez également configurer le style jQueryUI pour que la boîte de dialogue s'affiche correctement.