用图像替换“真”/“假”答案

【问题标题】：Replacing "true"/"false" with images用图像替换“真”/“假”
【发布时间】：2011-04-08 03:00:31
【问题描述】：

我在 Rails 中有一个表，其中许多列都充满了真/假值。

如何进行高性能替换，用小图像替换满是trues 和falses 的表格来表示真假？

【问题讨论】：

“表格”是指 HTML 表格吗？如果是这样，一个 jQuery 选择器和.each() 应该涵盖这个。（如果这是你的意思，我可以用一些代码发布一个真正的答案。）
@Hans - 就是这样。该表是动态生成的，因此 javascript 可能是完美的。

标签： ruby-on-rails ruby-on-rails-3 gsub

【解决方案1】：

我通常会为 <span> 或 <div> 元素添加一个类，然后使用 CSS 选择器为每种情况应用适当的背景图像。

在视图中...

<span class='foo-indicator <%= @item.foo? ? 'foo' : 'not-foo' %>'>&nbsp;</span>

在 CSS 样式表中...

.foo-indicator {
  /* Specify height, width, positioning, etc. */
}
.foo {
  background-image: url('../images/is-foo.png')
}
.not-foo {
  background-image: url('../images/not-foo.png')
}

【讨论】：

【解决方案2】：

在您的应用程序助手中有一个类似这样的助手方法

def display_status(status)
  (status == true) ? image("true.png") : image("false.png") 
end

private
def image(name)
 "/images/#{name}"
end

并且在创建表时，使用参数调用'display_status'方法。

【讨论】：

【解决方案3】：

与 Steve Jorgensen 相同的想法，但没有 css

<img src="<%= @item.foo? ? "/images/true.png" : "/images/false.png" %>"></img>

【讨论】：