rails button_to type =“ button”

Question

基本上，我试图从rails button_to获取下拉按钮，这是通过ajax完成的，当有人单击该按钮时，它会通过ajax渲染显示渲染的cart <ul>标签。

引导：

<button class="btn btn-primary dropdown-toggle" type = "button" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart"></span> <span class="badge"><%="#{@cart.line_items_count}" %></span></button>

rails button_to：

%= button_to navbar_cart_path, {remote :true, method: :get, :class => 'btn btn-primary dropdown-toggle', data_toggle: "dropdown"}  do %>
          <span class="glyphicon glyphicon-shopping-cart"></span>
          <span class="badge" id="cart-badge-id"><%="#{@cart.line_items_count}" %></span>
      <% end %>

这会生成类似的按钮标签，除了查看html源代码时，引导按钮的属性为type =“ button”，而rails会生成type =“ submit”

引导：

<button class="btn btn-primary dropdown-toggle" type = "button" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart"></span> <span class="badge">5</span></button>

轨道：

<form class="button_to" method="get" action="/navbar_cart data-remote="true">
  <button class="btn btn-primary dropdown-toggle" data_toggle="dropdown" type="submit">
          <span class="glyphicon glyphicon-shopping-cart"></span>
          <span class="badge" id="cart-badge-id">5</span>
</button></form>

另一个大问题是，是否甚至可以通过这种方式制作下拉菜单。

Answer 1

如果您只想下拉菜单，则可以使用select_tag('attr', options_for_select())进行下拉菜单，然后执行以下操作以启动您想要做的任何ajax东西：

$('#my_select_dropdown').change(function(){
  //do stuff here
});

编辑：如果您需要更多详细信息，这里是一个链接，用于查看select_tag文档： http : select_tag

Answer 2

只需重写方法的html_options参数中的type属性，该属性与您传递元素的类名的哈希相同：

  <%= button_to navbar_carth_path, {remote: true, method: :get}, {"class": "btn btn-primary dropdown-toggle", "data-toggle": "dropdown", "type": "button"}  do %>

我认为哟还在与选项哈希相同的哈希中添加了html选项 ，它们不一样，选项哈希（第一个）本身就是rails helper的选项，第二个哈希对应于您想要的属性值适用于渲染的元素：

button_to(name = nil, options = nil, html_options = nil, &block) 

在此处检查方法的签名。

更新您还错误地传递了remote :true参数，在远程单词和实际值之间有一个空格，因此它解析为符号，应为： remote: true 。 另一方面，我建议将辅助程序的所有html选项（例如data-toggle ）括在引号之间，而不仅仅是其值之间，以便您可以使用连字符而不是破折号（bootstrap选项是data-toggle AFAIK，而不是data_toggle

Answer 3

因此，似乎在使用rails button_to并添加数据时：属性不会覆盖type =“ button”，因此我尝试进行实验并提出了这一点。

<%= link_to navbar_cart_path, { method: :get, remote: true, class: "btn btn-primary dropdown-toggle", "id": "cart-button", "type": "button", "data-toggle": "dropdown" }  do %>
          <span class="glyphicon glyphicon-shopping-cart"></span>
          <span class="badge" ><%="#{@cart.line_items_count}" %></span>
      <% end %>

生成HTML代码：

a class="btn btn-primary dropdown-toggle" id="cart-button" type="button" data-toggle="dropdown" data-remote="true" data-method="get" href="/navbar_cart">
          <span class="glyphicon glyphicon-shopping-cart"></span>
          <span class="badge" >5</span>

然后可以在其中使用AJAX GET在下拉标记中呈现@cart部分