How to repeat output of some content in JSF using only standard tags (ui:, h: etc) ? In other words - how to do equivalent to PHP code below in JSF ? I immediately wanted to take advantage of ui:repeat
, but it needs collection - I have only number.
for ($i = 0; $i < 10; $i++) {
echo "<div>content</div>";
}
If you're already on JSF 2.3+ then you can use begin
/end
attributes of <ui:repeat>
.
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
...
<ui:repeat begin="1" end="10">
<div>content</div>
</ui:repeat>
If you're not on JSF 2.3 yet, then either use <c:forEach>
instead (true, mixing JSTL with JSF is sometimes frowned upon, but this should not harm in your particular case because you seem to want to create the view "statically"; it does not depend on any dynamic variables):
xmlns:c="http://java.sun.com/jsp/jstl/core"
...
<c:forEach begin="1" end="10">
<div>content</div>
</c:forEach>
Or create an EL function to create a dummy array for <ui:repeat>
:
package com.example.util;
public final class Functions {
private Functions() {
//
}
public static Object[] createArray(int size) {
return new Object[size];
}
}
which is registered in /WEB-INF/util.taglib.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<facelet-taglib
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facelettaglibrary_2_0.xsd"
version="2.0">
<namespace>http://example.com/util/functions</namespace>
<function>
<function-name>createArray</function-name>
<function-class>com.example.util.Functions</function-class>
<function-signature>Object[] createArray(int)</function-signature>
</function>
</facelet-taglib>
and is been used as follows
xmlns:util="http://example.com/util/functions"
...
<ui:repeat value="#{util:createArray(10)}">
<div>content</div>
</ui:repeat>
Since it needs a collection, you can make a collection (containing as much elements as the number of time you want to output the divs) in the backing bean:
public class MyBean {
private List list = new ArrayList<Integer();
{ ... populate the list with numbers, for example ... }
public List getList() {
return list;
}
...
}
and then:
<ui:repeat value="#{myBean.list}" var="item">
<div>content</div>
</ui:repeat>
..which would output as many divs as the size of the list
property.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With