---
title: "Ausgabe von Datensätzen mit Fluid"
url: "https://www.typo3.net/d/112866-ausgabe-von-datensaetzen-mit-fluid"
source: "typo3.net"
tags: ["Extensions","Extbase","Fluid","Frage","ViewHelper"]
created: "2012-11-20"
last_reply: "2012-12-04"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Ausgabe von Datensätzen mit Fluid

Extensions › Extbase · 1 Antwort · gestartet 2012-11-20

## Eröffnungsbeitrag

**karlchen** · 2012-11-20 · [Beitrag #1](https://www.typo3.net/d/112866-ausgabe-von-datensaetzen-mit-fluid/1)

Hallo,

bin gerade ein bisschen am knobbeln wie man diese Konstruktion am besten in Fluid umsetzen kann.
Ich habe mit extension_builder eine neue Extension erstellt, es gibt eine List und eine Single View.

in der Listen Ansicht müsste ich nun folgendes HTML umsetzen.

```html
<div class="ym-grid">
	<div class="ym-g33 ym-gl">1. Element</div>
	<div class="ym-g33 ym-gl">2. Element</div>
	<div class="ym-g33 ym-gr">3. Element</div>
</div>
<div class="ym-grid">
	<div class="ym-g33 ym-gl">4. Element</div>
	<div class="ym-g33 ym-gl">5. Element</div>
	...
</div>
```

im Moment habe ich folgendes:

```typoscript
<div class="ym-grid">

	<f:for each="{members}" as="member" iteration="counter">
		<f:if condition="{counter.cycle} % 3">
			<f:then>
				<div class="ym-g33 ym-gl">
			</f:then>
			<f:else>
				<div class="ym-g33 ym-gr">
			</f:else>
		</f:if>
			<f:image src="uploads/tx_members/{member.image}" width="310" alt="{member.name}"/>
			<div class="caption">
				<span class="name">{member.name}</span>
			</div>
		</div>
	</f:for>
	
</div>
```

Ich habe also jedes Element was nun auch korrekt ge"wrappt" wird, nun fehlt mir allerdings ein wenig der Ansatz wie ich es sauber umsetzen kann, das immer 3 Elemente noch mal extra gewrappt werden, in diesem fall  < div class="ym-grid" >, das html von oben sieht jetzt gerade so aus

```html
<div class="ym-grid">
	<div class="ym-g33 ym-gl">1. Element</div>
	<div class="ym-g33 ym-gl">2. Element</div>
	<div class="ym-g33 ym-gr">3. Element</div>
	<div class="ym-g33 ym-gl">4. Element</div>
	<div class="ym-g33 ym-gl">5. Element</div>
</div>
```

## Antworten

### [#2](https://www.typo3.net/d/112866-ausgabe-von-datensaetzen-mit-fluid/2) · froemken · 2012-12-04

Das ist nicht getestet, aber probier mal das:

```typoscript
<f:for each="{members}" as="member" iteration="counter">
	<f:if condition="{counter.isFirst}">
		<div class="ym-grid">
	</f:if>
	<f:if condition="{counter.cycle} % 3">
		<f:then>
			<div class="ym-g33 ym-gl">
		</f:then>
		<f:else>
			<div class="ym-g33 ym-gr">
		</f:else>
	</f:if>
	<f:image src="uploads/tx_members/{member.image}" width="310" alt="{member.name}"/>
	<div class="caption">
		<span class="name">{member.name}</span>
	</div>
	<f:if condition="{counter.cycle} % 3">
		<f:then>
			</div>
		</f:then>
		<f:else>
			</div></div>
			<div class="ym-grid">
		</f:else>
	</f:if>
	<f:if condition="{counter.isLast}">
		</div>
	</f:if>
</f:for>
```

---

Quelle: „Ausgabe von Datensätzen mit Fluid“, typo3.net, https://www.typo3.net/d/112866-ausgabe-von-datensaetzen-mit-fluid
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.