2013-06-23 7 views
0

J'ai le bouton Twitter Bootstrap Modal (haml) suivant - Je veux utiliser ce bouton pour enregistrer mon formulaire, puis ouvrez la boîte de dialogue modale pour demander si je veux l'imprimer . Comment puis-je faire ce bouton ou effectuer une sauvegarde soumettre:Twitter Bootstrap Modal soumettre le bouton pour soumettre et ouvrir modal dans Rails

%a.btn{"data-toggle" => "modal", :href => "#myModal", 
    class: 'btn btn-inverse btn-large', 
    :role => "button"} Press to Complete Visit 

    #myModal.modal.hide.fade{"aria-hidden" => "true", 
"aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"} 

Répondre

0

Vous devriez faire un poste AJAX et ont un point final pour recevoir les données.

HTML:

%a.btn{class: 'btn btn-inverse btn-large', 
    id: 'submit-btn', 
    :role => "button"} Press to Complete Visit 

    #myModal.modal.hide.fade{"aria-hidden" => "true", 
    "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"} 

Javascript:

$('#submit-btn').click(function() { 
    $.ajax({ 
    type: post, 
    url: '/your-end-point', 
    data: your_data, 
    success: function() { 
     $('#myModal').show(); 
    } 
    }) 
}) 

Rails:

routes.rb

post 'your_end_point' => 'your_controller#submit' 

votre_controller.rb

def submit 
    # Save form data... 
    render :json => 'success' 
end 
+0

Cela semble parfait mais j'ai des problèmes avec les données. Je pense que je dois rendre un objet JSON mais je ne suis pas sûr de savoir comment le faire – tbrooke

+0

J'ai édité ma réponse avec quelques exemples de code Rails. J'espère que c'est plus clair maintenant pour vous. –

Questions connexes