Rails et modale jquery formulaire de boîte de dialogue

Je suis nouveau à l'aide de jquery boîtes de dialogue modales avec des rails et je me demandais comment je peux :

  1. afficher une boîte de dialogue modale jquery
    avec 1 champ (par exemple, "titre")
  2. poster ce formulaire à l'un des rails de contrôleur (via
    ajax)
  3. ont la boîte de dialogue modale forme
    réafficher si le champ n'est pas rempli
    (avec la normale rouge css dans le champ erreur)

Des didacticiels ou des exemples de bienvenue.

À l'aide de Rails 3 et jQuery. Merci pour votre temps.

InformationsquelleAutor robzolkos | 2011-06-16
  1. 31

    Voici un exemple de la façon dont je le ferais: https://github.com/ramblex/modal-form.

    Vous devriez être capable de:

    1. télécharger l'application
    2. bundle
    3. rake db:migrate
    4. rails s
    5. Aller à localhost:3000/articles et le formulaire modal devrait apparaître lorsque vous cliquez sur "Nouvel article" lien.

    Un message d'erreur doit être affiché lorsque le titre de champ est laissé vide. Sinon il doit créer l'article et de l'afficher.

    Espère que cela aide.

    • Merci pour votre excellent exemple et dans le temps.
    • Ce qui m'a sauvé une tonne de temps et de tirer les cheveux. Merci pour cet exemple de code disponible!
    • À tout hasard il y a une version mise à jour avec des rails 4?
    • Juste mis à jour pour rails 4
    InformationsquelleAutor ramblex
  2. 3

    Modale, boîte, j'ai utiliser des Outils de jQuery.

    Une fois que vous avez défini, l'étape suivante est de se lier à une requête ajax lorsque le formulaire est soumis (par exemple: form.submit(function(){ $.post... })) et poster le formulaire de données de contrôleur.

    Troisième étape est la configuration de votre contrôleurs Rails pour répondre à une requête ajax (à l'aide de respond_to bloc) et de rendre quelque chose comme réponse (probablement à l'aide de :layout => false).

    Si la validation a échoué, vous devrez remplacer le contenu de votre modal box avec ce corps de la réponse, ou en cas de succès (disons que la réponse était juste head :ok), vous permettra d'afficher un message de réussite.

    J'espère que cela fait sens pour vous.

    InformationsquelleAutor Mirko