`

在单双行显示不同的颜色Rails的一些view helper

阅读更多
cycle总是忘了,搬回来标记一下
  # Alternate CSS classes for even and odd numbers...
  @items = [1,2,3,4]
  <table>
  <% @items.each do |item| %>
    <tr class="<%= cycle("even", "odd") -%>">
      <td>item</td>
    </tr>
  <% end %>
  </table>

  # Cycle CSS classes for rows, and text colors for values within each row
  @items = x = [{:first => 'Robert', :middle => 'Daniel', :last => 'James'},
               {:first => 'Emily', :middle => 'Shannon', :maiden => 'Pike', :last => 'Hicks'},
              {:first => 'June', :middle => 'Dae', :last => 'Jones'}]
  <% @items.each do |item| %>
    <tr class="<%= cycle("odd", "even", :name => "row_class") -%>">
      <td>
        <% item.values.each do |value| %>
          <%# Create a named cycle "colors" %>
          <span style="color:<%= cycle("red", "green", "blue", :name => "colors") -%>">
            <%= value %>
          </span>
        <% end %>
        <% reset_cycle("colors") %>
      </td>
   </tr>
 <% end %>


还有两个helper

也可以一起


  truncate("Once upon a time in a world far far away")
  # => "Once upon a time in a world..."

  truncate("Once upon a time in a world far far away", :length => 17)
  # => "Once upon a ti..."

  truncate("Once upon a time in a world far far away", :length => 17, :separator => ' ')
  # => "Once upon a..."

  truncate("And they found that many people were sleeping better.", :length => 25, :omission => '... (continued)')
  # => "And they f... (continued)"

  truncate("<p>Once upon a time in a world far far away</p>")
  # => "<p>Once upon a time in a wo..."


  pluralize(1, 'person')
  # => 1 person

  pluralize(2, 'person')
  # => 2 people

  pluralize(3, 'person', 'users')
  # => 3 users

  pluralize(0, 'person')
  # => 0 people
分享到:
评论
1 楼 kewin 2010-12-08  
改正为:
  <%@items = [1,2,3,4]%>
  <table  class="<%= cycle("odd", "even", :name => "row_class") -%>">
  <% @items.each do |item| %>
    <tr style="color:<%= cycle("red", "green",  :name => "colors") -%>">
      <td>item</td>
    </tr>
  <% end %>
<% reset_cycle("colors") %>
  </table>

 
  <%@items = x = [{:first => 'Robert', :middle => 'Daniel', :last => 'James'},
               {:first => 'Emily', :middle => 'Shannon', :maiden => 'Pike', :last => 'Hicks'},
              {:first => 'June', :middle => 'Dae', :last => 'Jones'}]%>
  <% @items.each do |item| %>
    <tr class="<%= cycle("odd", "even", :name => "row_class") -%>">
      <td>
        <% item.values.each do |value| %>
          <%# Create a named cycle "colors" %>
          <span style="color:<%= cycle("red", "green", "blue", :name => "colors") -%>">
            <%= value %>
          </span>
        <% end %>
        <% reset_cycle("colors") %>
      </td>
   </tr>
<% end %>

相关推荐

    li列表隔行不同色CSS设计

    "li列表隔行不同色CSS设计"是一个常见的需求,目的是使列表的每一行在颜色上有所区分,特别是鼠标悬停时,用户可以更清晰地感知到当前所选的行。这通常通过CSS实现,无需依赖JavaScript或其他编程语言。 首先,我们...

    运用jquery实现table单双行不同显示并能单行选中

    3. 在表格中实现单双行不同显示效果,可以通过 jQuery 为奇数行(或偶数行)应用不同的样式,以区分视觉效果。如示例代码所示,为奇数行的 `&lt;p&gt;` 元素设置了蓝色背景颜色,而偶数行的 `&lt;p&gt;` 元素则设置了黄色背景...

    随机单双随机单双

    随机单双随机单双随机单双随机单双

    随机单双.zip

    在IT行业中,随机单双可能指的是在编程或数据分析中处理随机数时的一种特定场景,比如在游戏开发、模拟实验或统计分析中可能出现的情况。在这个压缩包"随机单双.zip"中,只有一个文件名为"随机单双",这可能是某种...

    程序中指定颜色一般试用RGB函数

    在程序中指定颜色一般试用RGB函数,分别输入R、G、B值。RGB函数返回颜色值(Long)。如果在程序中直接指定颜色对应的值,可以稍微加快程序的运行速度。特别在使单双行显示不同颜色等频繁调用RGB函数时,效果要好一些。

    ASP.NET Repeater 单双行数据换色示例

    在某些应用场景下,为了提高数据可读性,开发者可能需要实现单双行数据换色的功能,使得列表中的奇数行和偶数行颜色不同,从而形成明显的视觉分隔。本文将详细介绍如何通过在Repeater控件中的ItemCreated事件触发来...

    易语言模块数字单双.rar

    5. **转换奇偶性标记**:可能还包括一个函数,可以将数字的奇偶性转换为特定的标识符或字符串,方便在程序中进行条件判断或显示。 在实际编程中,数字单双模块可以广泛应用于各种场景。例如,在设计彩票系统时,...

    js实现表格变色效果

    -- 更多行... --&gt; ``` 接下来,我们使用JavaScript来获取这个表格,并为它添加变色效果。首先,我们需要通过`document.getElementById`方法获取到`myTable`这个表格: ```javascript var table = document....

    单双引号交叉使用

    ### 单双引号交叉使用在SQL语句中的实践与解析 #### 一、引言 在编写SQL语句时,正确使用引号是至关重要的。引号的主要作用是用来界定字符串,但在不同的上下文中,其具体用法可能会有所不同。本文将深入探讨在SQL...

    单双(中边)预测单双(中边)预测单双(中边)预测

    单双(中边)预测单双(中边)预测单双(中单双(中边)预测边)预测单双(中边)预测

    易语言单双判断模块测试源码,易语言我的对话框测试源码,易语言模

    模块在易语言中是一个重要的组成部分,它可以将一些常用的功能或算法封装起来,便于重复使用和代码复用。模块的制作通常包括以下几个步骤: 1. **定义模块**:首先,你需要创建一个新的模块文件,设定模块的名称和...

    神龙卡VOD单双屏显示控件

    单双屏显示控件,支持三代,五代,新一代。。。 神龙卡播放控件:1、增加加密歌曲的播放。2、支持神龙DVD卡(3代,4代,5代和新一代)和好莱坞卡。3、控件支持DELPHI,CB,VB,VC++。4、文件方式,流方式,加密播放都...

    单双精度转十六进制.zip

    在计算机科学中,数据通常以不同的进制形式存储和处理,其中最常见的包括二进制、八进制、十进制和十六进制。本话题主要关注单精度(float)和双精度(double)浮点数与十六进制之间的转换,这对于理解和调试程序,...

    jQuery 行背景颜色的交替显示(隔行变色)实现代码

    //显示单双行显示不同背景色【方法一】: // $(“#UL_id li:even”).attr(“className”,”redClass”); //显示单双行显示不同背景色【方法二】: $(“#UL_id li:even”).addClass(“redClass”); ”UL_id”&gt; 单数...

    升级补丁tongWeb7.0.4.2-3单双引号标签问题.zip

    描述中提到的“解决TongWeb7.0.4.2-7.0.4.3引号嵌套报错问题”,意味着在TongWeb的7.0.4.2至7.0.4.3版本之间,存在一个与单双引号处理相关的编程错误。在HTML、XML或JavaScript等语言中,引号的正确使用是至关重要的...

    单双精度转换

    在使用过程中,用户可能需要输入一个十六进制数值,然后选择精度(单精度或双精度),点击转换按钮,软件就会显示对应的浮点数结果。 总的来说,这个工具提供了一种便捷的方式来处理和检查浮点数的十六进制表示,...

    大小单双玩法概率学.doc

    大小单双玩法概率学.doc

    三位有效数4舍6入5单双

    在IT领域,数值计算和数据处理是至关重要的部分,而"三位有效数4舍6入5单双"是一种特殊的四舍五入规则,主要用于确保数值的精确性和一致性。在这个规则中,我们关注的是一个数值的有效数字,即对决策有意义的数字...

    单双字字符 转换工具

    1. ASCII与Unicode之间的转换:用户可以输入包含单字或双字字符的字符串,工具会自动识别并进行转换,使得在不同的字符集环境下能正常显示和处理。 2. URL编码与解码:工具可以对URL中的非ASCII字符进行编码,使其...

    elsevier期刊三种类型的模板,包括单双栏,简单实用

    elsevier期刊三种类型的模板,包括单双栏,简单实用。 elsevier期刊三种类型的模板,包括单双栏,简单实用。 elsevier期刊三种类型的模板,包括单双栏,简单实用。 elsevier期刊三种类型的模板,包括单双栏,简单...

Global site tag (gtag.js) - Google Analytics