Как создать таблицу, используя циклы и HAML с Ruby? - PullRequest
Новая
       0

Как создать таблицу, используя циклы и HAML с Ruby?

22 голосов
/ 02 апреля 2011

Я пытаюсь создать HTML-таблицу, которая выглядит следующим образом: 

1 2 3 4 5
1 2 3 4 5
1 2 3 4 5

Моя структура данных выглядит следующим образом: @f_ary = [1..250]

Вот мой код хамла: 

%table{:border => "1"}
  %tbody
    %tr 
      - cnt = 0 
      - @f_ary.each do |f| 
        - cnt += 1
        %td= cnt 
        - if cnt == 5
          - cnt = 0 
          %tr

Мой текущий вывод выглядит так: 

<table border='1'>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <tr></tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
  </tbody>
</table>

Я хочу, чтобы это выглядело так: 

<table border='1'>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
  </tbody>
</table>

Ответы [ 3 ]

57 голосов
/ 02 апреля 2011

Вы должны попытаться поместить всю логику для создания массива строк и столбцов в вашем контроллере.Визуализация представления в Haml становится очень простой:

Контроллер: 

@items = [
  [1,  2,  3,  4,  5],
  [6,  7,  8,  9,  10],
  [11, 12, 13, 14, 15]
]

Просмотр: 

%table
  %tbody
    - @items.each do |row|
      %tr
        - row.each do |column|
          %td= column

Если у вас есть плоский массив элементов, а не массив массивов, как в моем примере, вы можете легко преобразовать его с помощью flat_array.each_slice(5).to_a, где 5 - это число столбцов.

9 голосов
/ 10 апреля 2012

Вы можете использовать each_slice следующим образом: 

- @f_ary.each_slice(5) do |row|
  %tr
    - row.each do |cnt|
      td=cnt
0 голосов
/ 02 апреля 2011

обновление

Это может быть самый неуклюжий способ сделать это (я сделал это около 3 лет назад). Итак

ознакомьтесь с ответами выше, и они намного лучше

Я просто оставлю этот ответ без удаления, просто как справку о том, как НЕ сделать этого ...;)

Имейте внутренний счетчик в представлении, когда дело доходит до 5, добавьте. псудо будет выглядеть примерно так 

couneter = 0 

@items.each |item|
   if counter == 0
    <tr>
   end
   if counter != 5
     <td>item</td>
     counter ++
   end
   if counetr == 5
     </tr>
     counetr = 0
   end 

end


end

Я надеюсь, вы поняли идею

ура

Самера

...