layh.com

Whatever...TYPO3...FLOW3...and more...

Pagination Widget in Fluid

Das Pagination Widget in Fluid lässt sich sehr einfach einsetzen sobald man mal seine Schleife fertig hat.

Wie man sieht habe ich einfach aus meiner For-Schleife das Widget gemacht, indem ich f:widget um die Schleife herum gepackt habe.

Das einzige was dann noch zu tun ist, ist dass man in der For-Schleife das Object ändern muss, so dass das Objekt genutzt wird welches aus dem Pagination Widget heraus fällt.

Pagination Widget in Fluid
<!-- before -->

<ul class="list">
	<f:for each="{articles}" as="article">
		<li>
		<f:link.action controller="Article" action="show" arguments="{article : article}">
			<f:image src="uploads/tx_tlphotoblog/{article.smallimage}" alt="{article.name}" width="180" height="150" class="reflect rheight30 ropacity40" />
		</f:link.action>
		</li>
	</f:for>
</ul>

<!-- after -->
<f:widget.paginate objects="{articles}" as="paginatedArticles" configuration="{itemsPerPage: itemsPerPage, insertAbove: paginationAbove, insertBelow: paginationBelow}">
	<br />
	<ul class="list">
		<f:for each="{paginatedArticles}" as="article">
			<li>
			<f:link.action controller="Article" action="show" arguments="{article : article}">
				<f:image src="uploads/tx_tlphotoblog/{article.smallimage}" alt="{article.name}" width="180" height="150" class="reflect rheight30 ropacity40" />
			</f:link.action>
			</li>
		</f:for>
	</ul>
	<br />
</f:widget.paginate>

Ausgabe von Chinesischen / Japanischen Zeichen

RAW-ViewHelper
<!-- display Chinese and Japanese signs -->
<f:raw>{object.name}</f:raw>