RoR montrer les éléments dans deux colonnes

Question

comment puis-je diviser les éléments d'un modèle en deux morceaux de taille égale afin que je puisse les montrer dans deux colonnes?

i have this: 

element 1 
element 2 
element 3 
element 4 
element 5 


and i want this: 

element 1 element 4 
element 2 element 5 
element 3 

split() supprime malheureusement l'élément central.

Answer 1

Le tableau # in_groups_of est une extension principale et n'est disponible que dans Rails. Ce qu'il utilise est la méthode each_slice.

Vous pouvez l'utiliser comme ceci:

a = ["element 1", "element 2", "element 3", "element 4", "element 5"] 
a.each_slice((a.size/2.0).ceil) { |slice| puts slice } if a.size > 0 

vous donnera

["element 1", "element 2", "element 3"] 
["element 4", "element 5"] 

Notez que vous devez vérifier que a.size est plus grande que 0 ou vous obtiendrez une exception ArgumentError en raison d'une taille de tranche invalide.

Answer 2

Découvrez Array#in_groups_of

Cela tranche un tableau en morceaux de votre goût.

Answer 3

Une approche consiste à utiliser jQuery. Il y a plusieurs plugins qui peuvent accomplir cela pour vous.

Ensuite, après avoir les deux morceaux, commencez à remplir un div avec le premier groupe, une fois arrivé à la fin, commencez le deuxième groupe dans un second div. Ensuite, utilisez css pour positionner et styliser les deux divs les uns à côté des autres.

Answer 4

que je ne dois utiliser dans des rails, cela a fonctionné pour moi:

>> a = [1,2,3,4,5] 
=> [1, 2, 3, 4, 5] 
>> a.in_groups_of((a.size/2.0).ceil, false) if a.size > 0 
=> [[1, 2, 3], [4, 5]] 

Answer 5

Où essayez-vous de montrer ces éléments?

Si c'est dans une vue, vous ne devriez pas modifier votre modèle; Vos modèles doivent rester indépendants de votre présentation.

Si vous souhaitez présenter des résultats sur une page Web, vous devez utiliser html et css dans votre affichage. Même à votre avis, vous n'aurez probablement pas besoin de «diviser» vos éléments en sous-réseaux.

Voir this page, par exemple. Si vous regardez le code source, les listes sont toujours "l'une après l'autre", sans se diviser en groupes. Le CSS conditionne la façon dont le texte est positionné.