Rails- 自定义删除前确认对话框的视图

Question

13 浏览2023年5月9日

匿名的 2023年5月9日

0 Comments

为了在Rails中删除记录，我使用以下代码：\n

<%= link_to "关闭#{user.name}的灯光", light_path(id: light), method: :delete, data: { confirm: '你确定吗？' } %>

\n结果是，我得到了一个对话框，类似于这样一个 $\"enter$ \n但是我希望这个对话框看起来像这样一个 $\"enter$ \n有没有办法自定义确认对话框的默认视图？

0

1 答案

匿名的 · Answer 1 · 2023-08-03T08:55:45+00:00

问题的出现原因：用户想要自定义在删除前的确认对话框视图。

解决方法：使用bootstrap模态对话框来实现自定义视图。首先，在视图中添加模态对话框的HTML代码，包括标题和按钮等元素，并设置唯一的id和相关属性。然后，将原本的删除链接改为触发模态对话框的链接，通过添加'data-target'和'data-toggle'属性来指定模态对话框的id和触发方式。最后，根据需要在模态对话框的内容中添加确认和取消按钮，并通过设置'data-dismiss'属性来关闭对话框。这样就可以实现自定义的确认对话框视图。

以下是代码示例：


  
    
      
        
        Delete Confirmation
      
      
        Are you sure about closing Ellen's lightbox..
        <%= link_to "Yes", light_path(id: light), method: :delete %>/
        <%= link_to "No", "javascript:void(0)",'data-dismiss': "modal" %>

同时，将原本的删除链接改为触发模态对话框的链接：

<%= link_to "close #{user.name}'s light", "javascript:void(0)", 'data-target': "#myModal", 'data-toggle': "modal" %>

希望这对您有帮助。如果我的回答有帮助到您，请给我一个赞。很高兴能够帮助您 🙂