Primefaces 动态添加标签

Question

是否可以添加动态选项卡（不相关的选项卡）而无需使用素面重新加载页面。

我想做这样的事情

http://blog.favrik.com/examples/tabs/

我们将有一个菜单栏，当单击菜单时，将创建一个动态选项卡。 标签应该加载一个页面（xhtml），应该在不重新加载整个页面的情况下添加标签，并且不依赖任何托管 bean（因为我们试图最大程度地使用请求范围）

我已经看到了基于 bean 数据添加选项卡的示例。但在我的情况下，每个选项卡都是独立的（页面）

我已经从当前的 flex 应用程序中添加了一个示例图像，（尝试将其迁移到 JSF）关于我正在尝试做的事情。每个选项卡就像一个独立的屏幕/xhtml 文件。服务器中没有保存视图状态。单击菜单项时，会添加一个带有新屏幕内容的新选项卡。在页面重新加载时选项卡将丢失（我们可以忍受它，因为我们试图成为无状态）

Answer 1

您可能需要详细说明您将在标签中放置的什么，从而进一步充实您的问题。但是试试这个：

1. 将您的客户端TabView 绑定到支持bean 中的一个实例。在 xhmtl 方面：

   <p:tabView id="myTabPanel" binding="#{myBackingBean.tabView}" />
   

   在后台bean中

   TabView tabView = new TabView();
   //getter and setter
   

2. 在方法中实现下面的 sn-p 以将 Tab 添加为 TabPanel 的子代

   TabView tabView = new TabView();
   Tab newTab = new Tab();             //Create new Tab
   newTab.setTitle("Tab Title");       //Set a basic property
   tabView.getChildren().add(newTab);  //Add as a child of the TabView
   

3. 使用 primefaces RequestContext ajax 更新视图以反映新标签

     RequestContext context = RequestContext.getCurrentInstance();  
     context.update("myTabPanel");
   

或者，就像 7SpecialGems 指出的那样，您可以简单地将您的 TabView 绑定到一个支持 bean 列表，然后简单地向该列表添加一个新项目，使用 RequestContext 更新 TabView，如上面 3. 中所示，以反映变化