单击form_for中的HTML按钮时，防止自动刷新

Sauron 发表于 Dev

索伦

我将rails form_for帮助器与数据表混合使用，该数据表在form_for外部使用它自己的HTML编码按钮来选择和取消选择记录。但是，如果单击数据表顶部的“全选”按钮，页面将自动刷新，并且表中的所有选择都将丢失：

    <%= f.label :call_order %>
    <%= f.check_box :call_order %>

    **Datatables implementation**
    <button id="selectAllRestaurantsForCampaign">Select All</button>
    <button id="deSelectAllRestaurantsForCampaign">Deselect All</button>
    <table id="restaurantsForCampaign" class="display" cellspacing="0" width="100%">
         <... Table Code ...>
    </table> 

    <hr>
    <strong>Campaign Active</strong>

    **Final attribute in form_for**
    <%= f.check_box :is_active %>
    <br>

    <%= f.submit "Save changes", class: "btn btn-large btn-primary" %>

我要阻止页面刷新，直到用户单击页面底部的form_for提交按钮：

<%= f.submit "Save changes", class: "btn btn-large btn-primary" %>

DeSelect和Select All按钮的当前CoffeeScript是：

 # Conditional 'Select All' (works)
  $("#selectAllRestaurantsForCampaign").click ->
    table.$('tr', {"filter":"applied"}).addClass "selected"

  # Deselecting all (works)
   $("#deSelectAllRestaurantsForCampaign").click ->
    table.$("tr").removeClass "selected"

在单击提交之前，如何防止页面刷新？

索伦

如果我只有标签，<button></button>那么它实际上是作为提交的，因此刷新了页面。

我应该做的是将其设置为<button type="button"></button>不刷新页面，但仍允许功能和动态内容与按钮提交一起使用

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。