#77 Destroy without JavaScript (revised)

Jun 16, 2012 | 8 minutes | Views, Controllers, Routing

A destroy link in Rails does not work without JavaScript. In this episode I show two techniques for gracefully degrading destroy links: button_to and a delete action.

Click to Play Video ▶

Download:
source codeProject Files in Zip (93.2 KB)
mp4Full Size H.264 Video (18.6 MB)
m4vSmaller H.264 Video (9.52 MB)
webmFull Size VP8 Video (13 MB)
ogvFull Size Theora Video (21 MB)

Browse Source Code

Resources

Episode 255: Undo with Paper Trail

With button_to

          products/index.html.erb
        
<%= button_to "Destroy", product, method: :delete, data: {confirm: "Are you sure?"} %>

          app/assets/stylesheets/layout.css.scss
        
form.button_to {
  display: inline;
  margin: 0;
  padding: 0;
  div { display: inline; }
  input[type=submit] {
    margin: 0;
    padding: 0;
    -webkit-appearance: caret;
    background: none;
    border: none;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    text-decoration: underline;
    color: #0000FF;
  }
}

With delete action

          config/initializers/delete_resource_route.rb
        
module DeleteResourceRoute
  def resources(*args, &block)
    super(*args) do
      yield if block_given?
      member do
        get :delete
        delete :delete, action: :destroy
      end
    end
  end
end

ActionDispatch::Routing::Mapper.send(:include, DeleteResourceRoute)

          views/application/delete.html.erb
        
<%= form_tag request.url, html: {method: :delete} do %>
  <h2>Are you sure you want to delete this record?</h2>
  <p>
    <%= submit_tag "Destroy" %>
    <% if request.referrer.present? %>
      or <%= link_to "cancel", request.referer %>
    <% end %>
  </p>
<% end %>

          products/index.html.erb
        
<%= link_to "Destroy", [:delete, product], method: :delete, data: {confirm: "Are you sure?"} %>