使用PrimeFaces以编程方式添加选项卡

时间:2014-10-03 09:44:08

标签: jsf primefaces

每当单击菜单项时,我都会以编程方式添加新选项卡。我已经搜索了有关动态标签创建的所有问题,并发现了许多未答复的查询。所以我的问题是,是否可以动态创建标签?下面是我过去一周工作的代码,而不是即将看到的标签..

我使用的是Primefaces 5.0,JSF 2.2 Mojarra

动态菜单 -

DefaultMenuItem  windowItem = new DefaultMenuItem(node);
windowItem.setCommand("#{windowContainer.add}");
windowItem.setImmediate(true);

WindowContainer Backing Bean

@ManagedBean
@ViewScoped
public class WindowContainer implements Serializable {

private List<Window> windows;

@PostConstruct
public void init() {
    windows = new ArrayList<Window>();
    windows.add(new Window("window"+windows.size(),"first tab"));
}

public void add() {
   windows.add(new Window("window" + windows.size(), "some content"));
   RequestContext req = RequestContext.getCurrentInstance();
   req.update("WindowContainer");
}

public void remove(Window window) {
    windows.remove(window);
}

public List<Window> getWindows() {
    return windows;
}

public void setWindows(ArrayList<Window> windows) {
   this.windows = windows;
}

Windows是简单的选项卡,只有outputtext。

视图

   <p:tabView id= "WindowContainer" value="#{windowContainer.windows}" var="window">  
    <p:tab title="#{window.title}">
       <p>#{tab.content}</p>                        
           <p:commandButton value="Close" action="#{windowContainer.remove(window)}"  />
       </p:tab>
  </p:tabView> 

1 个答案:

答案 0 :(得分:0)

<p:menu>
    <p:submenu label="Ajax">
        <p:menuitem value="Add Tab" actionListener="#{menuView.addTab}" update="WindowContainer"  />
</p:menu>

尝试这样更新=&#34; WindowContainer&#34; .Inside引号给出tabview id。