How to dynamically open tab which binds a ivycomponent?

Question

My team got some problems with adding a new p:tab which contains ivycomponent. In the first tab of the p:tabview contains a p:datatable. A new p:tab should created/opened each time if the user clicks a row in the datatable.

In the new p:tab should include a ivycomponent with 2 parameters, which looks like following: alt text

Has anyone already gained experience with loading ivycomponent(s) within a dynamic p:tab? Thank you for sharing!

Kind regards

NWK Team

Accepted Answer

First the p:tabView should be bound to managed bean, so that we can access the UIComponent from code:

< !-- bind to a bean property so that we can manipulate it later in code:
http://stackoverflow.com/questions/4052581/dynamically-generate-tabs-with-primefaces/4722270#4722270 -->
< p:tabView id="tabs" binding="#{tabController.view}" />

The bean must at least contain the setters and be requestScoped:

@ManagedBean
@RequestScoped
public class TabController {
    private TabView view;
    public TabView getView() {
      return view;
    }
    public void setView(TabView view) {
      this.view = view;
    }

Then a new tab can be added from process logic. Its seems to be a little tricky to pass the start parameters correctly. They must be passed a string el-expression even if the object behind it is already resolved elsewhere: alt text

The full demo project can be downloaded here: ComponentCreation_51.iar

How to dynamically open tab which binds a ivycomponent?

Follow this question

Related questions