图标与按钮内的操作

Question

我正在使用RoR 3.1和Twitter Bootstrap，并希望创建一个链接到控制器动作的按钮 - 需要注意的是该按钮的内部，我想添加一个'icon-remove'链接，点击后，将删除包含按钮。

这可能吗？

我的工作按钮：

<%= link_to exp, edit_exp_path, :class => "btn btn-inverse", :controller => :exps, :method => :edit %>

我的'删除'图标：

<%= link_to "", exp_path(exp.id), :class => "icon-remove", :confirm => "Are you sure?", :controller => :exps, :method => :delete  %>

如何将删除图标放在按钮内？

编辑：要清楚，我想用按钮保留两个动作。单击按钮文本应链接到“编辑”控制器操作，而单击Bootstrap的“icon-remove”类提供的“x”应删除该按钮。

Answer 1

您应该使用按钮组：http://twitter.github.com/bootstrap/components.html#buttonGroups

左侧的按钮是您的普通按钮，右侧的按钮可以是X。

对我认为的用户来说更有意义，并且会减少错误点击次数。

Answer 2

将您的课程改为链接文本：

<%= link_to "<span class='btn btn-inverse'>#{exp}</span>".html_safe, edit_exp_path, :controller => :exps, :method => :edit %>

<%= link_to "<i class='icon-remove'></i>".html_safe, exp_path(exp.id), :confirm => "Are you sure?", :controller => :exps, :method => :delete %>

使用html_safe正确显示内容。

已编辑：已添加第一个链接示例，用于编辑exp

以下是我自己的代码示例：

<%= link_to "<span class='btn btn-inverse'>Test Data</span>".html_safe, "#" %>

显示按钮：