2015-10-16 9 views
1

Я работаю в Rails 4 с помощью simple_form и использую wicked для создания мастера.rails simple_form submit button с подтверждением

У меня есть кнопка, которая прекрасно работает:

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %> 

Но один из шагов, которые я хотел бы добавить всплывающее окно, как это (который также работает):

<%= f.submit :button, data: {confirm: "Are you sure this information is correct?"} %> 

Однако, Я не могу понять, как получить их обоих вместе, что-то вроде этого:

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: { confirm: "Are you sure this information is correct?", disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %> 

Это заканчивает делать 2 всплывающие окна, а затем d oesn't ничего не представляет и остается на одной странице.

Любые идеи? Благодаря!!

+0

есть вы рассмотрели использование javascript-подхода? послушайте сообщение и сделайте подтверждение всплывающего окна – Saifis

+0

извините, я довольно ужасен в js, поэтому не уверен, что это влечет за собой – bft

ответ

0

Так получилось, что это проблема с самоцветом jquery-rails.

https://github.com/rails/jquery-rails/issues/173

В моем файле гем, я изменился от этого: Gem 'JQuery рельсы'

К этому: гем 'JQuery рельсах', '~> 3,0'

-1
$('.submit-button').on("click", function() { 
    if (confirm('Are you sure ?')) { 
     $(".form-vertical").submit(); 
    } 
}) 

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"}, class: 'submit-button' %> 
+0

Спасибо, что-то еще не так, и всплывающее окно не запускается. Я поместил JS в свой файл application.js и заменил form-id '<% = simple_form_for @user, url: wizard_path, html: {class: "form-vertical", method:: put, id:: name_dob_country_form} do | f | %> ' – bft

+0

@bft проверить обновленный код .. вы сделали изменения, как я сделал –

0

Кажется, что я работаю, когда подставляю свой код для кнопки на существующий код простой_формы. Хм вы можете опубликовать код для simple_form?

+0

вот что я имел в верхней части моей simple_form:' <% = simple_form_for @user, url: wizard_path, html: {class: " form-vertical ", метод:: put} do | f | %> ' – bft

+0

Ваш код кажется прекрасным. Что вы можете видеть в журналах при подтверждении предупреждения? –

+0

Начато GET "/ account_setups/name_dob_country" для 127.0.0.1 в 2015-10-16 18:20:40 +0700 Обработка с помощью AccountSetupsController # показать как JS Параметры: {"id" => "name_dob_country"} – bft