问题描述
我正在尝试动态添加 PrimeFaces .在添加第二个选项卡时,我收到以下异常:
I am trying to add a PrimeFaces <p:tab>
dynamically. While adding the second tab I am getting the following exception:
java.lang.IllegalStateException:已在视图中找到组件 ID tab0".
"java.lang.IllegalStateException: Component ID tab0 has already been found in the view".
我该如何解决这个问题?
How can I solve this?
这是查看代码:
<h:form prependId="false">
<p:tabView id="tabview" dynamic="true" cache="false"
binding="#{testBean.tabView}"
activeIndex="#{testBean.activeTab}" >
<h:commandButton value="Close" action="#{testBean.removeTab}"/>
</p:tabView>
<h:commandButton value="Add Tab" action="#{testBean.addTab}"/>
</h:form>
这里是bean代码:
public String addTab() {
String tabId="tab"+id;
System.out.println("Gen Id: "+tabId);
tab = new Tab();
tab.setTitle("Title: "+tabId);
tab.setId(tabId);
System.out.println("Tab Id: "+tab.getId());
tabView.getChildren().add(id,this.tab);
id++;
return "tabtest.jsf";
}
public String removeTab() {
tabView.getChildren().remove(activeTab);
return "tabtest.jsf";
}
推荐答案
如果一切都可以在视图中完成,请不要手动创建组件.如果 bean 的范围比请求范围更广,则此构造将失败.另见例如绑定属性导致在视图中发现重复的组件 ID
Don't manually create components if everything can just be done in the view. This construct will fail if the bean is in a broader scope than the request scope. See also e.g. Binding attribute causes duplicate component ID found in the view
按照展示示例TabView with Model",您可以通过健全的模型和 <p:tabView value="..." var="...">
像 <ui:repeat>
一样动态填充选项卡>/.
Follow the showcase example "TabView with Model" which allows you to dynamically populate tabs via a sane model and <p:tabView value="..." var="...">
like as <ui:repeat>
/<h:dataTable>
.
例如此视图
<h:form>
<p:tabView value="#{bean.tabs}" var="tab">
<p:tab title="#{tab.title}">
#{tab.content}
<p:commandButton value="Close" action="#{bean.remove(tab)}" update="@form" />
</p:tab>
</p:tabView>
<p:commandButton value="Add Tab" action="#{bean.add}" update="@form" />
</h:form>
使用这个控制器
@ManagedBean
@ViewScoped
public class Bean implements Serializable {
private List<Tab> tabs;
@PostConstruct
public void init() {
tabs = new ArrayList<>();
}
public void add() {
tabs.add(new Tab("tab" + tabs.size(), "some content"));
}
public void remove(Tab tab) {
tabs.remove(tab);
}
public List<Tab> getTabs() {
return tabs;
}
}
还有这个模型
public class Tab {
private String title;
private String content;
public Tab(String title, String content) {
this.title = title;
this.content = content;
}
public String getTitle() {
return title;
}
public String getContent() {
return content;
}
}