2012-10-09 68 views
3

我在寫一個銷售應用程序,其中的項目具有範圍從0到100(%)的:savings屬性。我希望將該屬性顯示的單元格的背景顏色像在Excel中一樣進行條件着色。用於Rails數字的Excel樣式條件格式

Excel條件格式化的基本思想是計算出您正在處理的範圍(0-100),並且當您爲每個極端分配一種顏色時,會自動計算出兩者之間的顏色應該。所以100可以是亮綠色,80淡綠色,60黃色,40橙色,20淡紅色,0亮紅色。等

我想我可以弄清楚如何在詳盡的意義上做到這一點 - 只需創建一個幫助器,爲0到100之間的每個整數可能性分配一個不同的十六進制背景顏色的CSS類。但那似乎非常可怕效率低下,而且我正在穿越我的手指尋找某種Rails技術,寶石或預先存在的助手,這可以使這更簡單,更優雅。

任何想法?

回答

4

我寫了一個這樣做的jQuery插件:jQuery Hottie。我用了很多。看起來像是在Rails中做的一個很好的選擇。

JSFiddle example

傳遞自定義顏色數組以將高/中/低值映射到特定顏色相當簡單。

+0

太棒了!你救了我的命。快速跟進問題。我正在學習Rails,但實際上並沒有開始使用JavaScript。我即將開始學習它,但只是爲了確保我知道如何讓這個工作。我應該下載該目錄,將它保存在lib中,然後將jquery hottie添加到application.js文件中?那麼我可以在你的例子中使用JavaScript? – Sasha

+0

是的,這是主意。 – Larsenal

+0

@Larsenal對此表示感謝。完美無瑕地實施到我們的網站。 – CodeLikeBeaker