Active Admin - 如何在更新表單時添加“確認”彈出窗口

Question

是否可以在活動管理表單中向更新操作添加確認類型警報？

我的意思是，當用戶單擊表單上的Update時，我希望彈出一個警報（很像單擊Delete時彈出的警報），要求他們確認他們是否確定......

我在表格中有以下內容：

f.actions 

似乎這應該是一件簡單的事情，但我無法弄清楚它想要什么？

現在我的active_admin.js文件中有以下內容：

$("#order_submit_action").submit(function(e) {
    alert("Are you sure?");
    e.preventDefault();
});

但它不起作用？！ （也沒有 JS 錯誤）

提前致謝

Answer 1

在app / assets / active_admin.js.coffee中

$ ->
  $('form').submit (event)->
    if confirm 'Are you sure?'
      true
    else
      event.preventDefault()

用您自己的匹配器替換$('form') ，它應該很好用！

Answer 2

由於某種原因， .submit()沒有任何作用，所以我用以下方法解決了：

$(function() { 
    $("form input[type=submit] ").on("click", function(){
    var con = confirm("Are you sure you want to update this?");
        if (con == true) {

        }
        else
            return false;           
}); 
});

Answer 3

Ruby 上軌

Rails 上的 Ruby 允許您使用數據屬性添加確認對話框。

<%= f.submit 'Save', data: { confirm: 'Are you sure?' } %>

活動管理員

在 ActiveAdmin / Formtastic 中，您可以通過button_html來利用 Rails 的這種行為。 不需要額外的 JavaScript。

f.actions do
  f.action :submit, button_html: { 'data-confirm': 'Are you sure?' }
  # Preserve the usual cancel button and its styling.
  f.action :cancel, as: :link, label: 'Cancel', wrapper_html: { class: 'cancel' }
end