我对<ui:repeat>
标记有一个奇怪的问题。即使对于我非常简单的示例,嵌套重复组件中的值绑定也无法按预期工作。
我有一个像这样的简单小脸:
<h:body>
<h:form>
<ui:repeat value="#{sandbox.rows}" var="row">
<ui:repeat value="#{row.columns}" var="column">
<h:outputText value="#{column.value}" />
<h:selectBooleanCheckbox value="#{column.value}" />
</ui:repeat>
<br/>
</ui:repeat>
<h:commandButton action="#{sandbox.refresh}" value="Refresh" />
</h:form>
</h:body>
和Sandbox类:
@Component
@Scope("request")
public class Sandbox {
public static class Row {
private List<Column> columns = Arrays.asList(new Column(), new Column());
public List<Column> getColumns() {
return columns;
}
}
public static class Column {
private boolean value;
public void setValue(boolean value) {
this.value = value;
}
public boolean getValue() {
return this.value;
}
}
public List<Row> rows = Arrays.asList(new Row(), new Row());
public List<Row> getRows() {
return rows;
}
public void refresh() {
rows.get(0).getColumns().get(0).setValue(true);
System.err.println("refresh clicked");
}
}
所以我的facelet遍历沙盒中的“行”,沙盒中有许多“列”,每个列都有一个值。对于每个此类列,将打印该值,并输出值为<h:selectBooleanCheckbox>
的{{1}}。
加载页面时,所有值都显示为false,并且所有复选框都未选中。现在,单击refresh应该将第一行第一列的值更改为true。但是,我得到以下输出:
true [ ] false [ ] false [ ] false [ ]
换句话说,<h:outputText>
将其显示为true,但复选框未已选中。当然我可以在调用应用程序阶段更改模型,并且在渲染视图时应该反映出来吗?
如果我删除了一级嵌套,那么只有一个<ui:repeat>
,一切都按预期工作:选中复选框并将值显示为true。所以这似乎与UIRepeat组件有关。事实上,似乎UIRepeat在它嵌套在另一个UIRepeat中时有一些特殊处理。
从我收集的内容来看,UIRepeat基本上会多次重新渲染相同的组件。在每次调用render之间,它从内部映射(以渲染组件的实际id为键)加载实现EditableValueHolder
的所有子组件的“state”(value,localValue,submittedValue)。我已经尝试在发生这种情况时设置断点来跟踪在已保存状态的地图中插入了什么值,但它实际上是一团糟,因为saveChildState和restoreChildState方法被调用了大量的时间。
有什么想法吗?我可以这样做吗?我真正需要的是能够呈现一个水平和垂直动态增长的表,包含复选框,输入字段等。我瞥了一眼<h:dataTable>
但我认为在这种情况下它不起作用。
答案 0 :(得分:7)
有趣的问题。我可以用Mojarra 2.0.3重现这个。这绝对是ui:repeat
状态保存的问题。我已经向Mojarra家伙报告了issue 1807。当外循环是c:forEach
时,它的工作方式很好。