x-editable-rails:显示图标而不是文本链接

时间:2014-01-21 05:54:32

标签: ruby-on-rails twitter-bootstrap x-editable

我正在使用带有引导程序的x-editable-rails gem来为我的模型显示内联可编辑字段。该特定字段是一个名为“active”的布尔字段。

我在rails视图(slim)中显示了这个模型:

table.table
  thead
    tr
      th Name
      th Active
  tbody
    - @person.each do |person|
      tr
        td = person.name
        td = editable person, :active

这完全正常,并生成具有名称的条目,并为活动字段生成true / false。

但是“真/假”是显示布尔字段的一种不优雅的方式,所以我想将其更改为glyphicon-ok / glyphicon-remove。我可以通过如下指定类来显示图标:

td = editable person, :active, 
              class: "glyphicon glyphicon-#{person.active ? 'ok' : 'remove'}"

然而,这仍然留下“真/假”文本。如何阻止它显示?

2 个答案:

答案 0 :(得分:0)

试试这个:

= editable person, :active, classes: {"Yes" => "glyphicon-ok", "No" => "glyphicon-remove"}, class: "glyphicon"

答案 1 :(得分:0)

我想出了这个解决方案,万一有人想知道。我仍然愿意采用一种不那么糟糕的方式来实现这一目标。

在您的字段中添加“有效”类

td = editable person, :active, 
              class: "active glyphicon glyphicon-#{person.active ? 'ok' : 'remove'}"

在你的js中:

$(".editable").editable();
$(".active").html("");