Rails:带button_to的按钮组

时间:2013-04-17 21:18:31

标签: ruby-on-rails twitter-bootstrap

我在我的Rails应用程序中使用Bootstrap,我想创建一个按钮组,其中包含使用<%=button_to%>生成的按钮。

这就是我所拥有的:

  <div class="btn-group icons">
      <%= button_to(raw("<i class='icon-undo'></i>"), project_steps_path(@project), :method=>:post, :class=> "btn undoIcon disabled", :title=>"undo" )%>
      <button class="btn reorderIcon" title="reorder steps"><%=image_tag("icons/reorder_icon.png")%></button>
      <button class="btn expandIcon" title="expand"><i class="icon-fullscreen"></i></button>
  </div>

我希望<%= button_to%>在html中生成类似<button class=...>的内容,但我得到以下内容:

<div class="btn-group icons">
      <form action="/projects/18/steps" class="button_to" method="post"><div><input class="btn undoIcon disabled" title="undo" type="submit" value="&lt;i class='icon-undo'&gt;&lt;/i&gt;"><input name="authenticity_token" type="hidden" value="waRzPnaIUfWBt+sAAQR5STOnilLXhirOx/GaE1i1kFI="></div></form>
      <button class="btn reorderIcon" title="reorder steps"><img alt="Reorder_icon" src="/assets/icons/reorder_icon.png"></button>
      <button class="btn expandIcon" title="expand"><i class="icon-fullscreen"></i></button>
</div>

在我的页面上产生以下内容:

enter image description here

如何正确使用<%=button_to raw()%>创建按钮?

2 个答案:

答案 0 :(得分:1)

我通过将button_to替换为link_to

来解决这个问题

答案 1 :(得分:1)

你需要一点 CSS。这就是我所做的:

<div class='btn-group form-btn-group'>
  <%= button_to 'btn1', '#', class: 'btn', form_class: 'btn btn-default' %>
  <%= button_to 'btn2', '#', class: 'btn', form_class: 'btn btn-default' %>
</div>

和 CSS:

  • <form> 元素需要 .btn 类,但应该为实际的 <button> 留出空间
  • 取消 <button> 元素的样式

.form-btn-group > .btn {
  padding: 0;
}
.form-btn-group > .btn > .btn {
  border: none;
  background: none;
}