使用输入销毁确认弹出窗口

Question

有没有简单的传参销毁确认按钮的方法？

我不想只显示带有 OK/Cancel 个按钮的 "Are you sure?" 消息。我想传递一些参数，这些参数将被保存为删除对象的注释。

我想得到类似于图片的结果：

Answer 1

1 => 假设你有一个 link 的删除对象

<%= link_to 'Delete', 'javascript:;',id: "#{obj.id}", class: 'delete_object_by_audit_cmt'%>

2 => 单击删除 link 打开带有注释字段的模型。并传递将被删除的对象的 ID。

<script>
  $('.delete_object_by_audit_cmt').on('click', function{
    var id_of_obj = $(this).attr('id');
    $('#deleted_obj_val').val(id_of_obj); // set hidden field id value
    $('#modal_id').show();
  });
</script>

3 => 创建一个带有表单字段的模型（只看步骤，你应该把它包装到 bootstrap modal with a modal id）

<div id="modal">
  <p>Are you sure want to delete ... your custom message</p>
  <%= form_tag delete_object_path%>
    <%=text_field_tag :audit_comment%>
    <%= hidden_field_tag :id, "", id: 'deleted_obj_val'%>
    <%= submit_tag :"Yes delete"%>
    <%= link_to 'Cancel', cancel_path%>
  <%end%>
</div>

总结：- 1) 删除 link 点击打开模式

2) 将该模式的 id 的隐藏字段值设置为已删除的对象值。

3) 单击是删除它会提交审核消息以及对象的 ID，您可以在控制器端处理它。

使用输入销毁确认弹出窗口

Destroy confirmation popup with input

ruby-on-rails

ruby

acts-as-audited