Question

我相信在尝试使用ajax部分更新时，表面中存在一个错误。我在primefaces论坛上发布了相同的查询，但没有任何人回复。

我附上了一个示例，其中我有一个带有两个标签的tabView。当我单击“加载新标签内容”按钮时，它会调用我的辅助bean来动态更改tab1的内容。它应该清除tab1的现有内容并加载新内容，在这种情况下只是一个inputText。然后我使用RequestContext.getCurrentInstance（）。update（updateIds）方法来指示我希望tab1刷新自己。问题是标签标题没有改变，新的inputText内容放在tab1和tab2中，但是我从未指定对tab2做任何事情，所以不明白为什么还有一个新的inputText。您可以使用此代码并尝试自己，看看您是否得到相同的结果，或者如果我做错了，请纠正我。

Primefaces 3.5
Mojarra JSF API（javax.faces / 2.1）2.1.15（20121116-1711）
Mojarra JSF实施（javax.faces / 2.1）2.1.15（20121116-1711）
Tomcat 7.0.32
JDK 1.6.0_07

**

dynamicTabLoading.xhtml

**

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:p="http://primefaces.org/ui"   >

    <h:head>
      <title>Prime Prototype Dynamic Tabs</title>
   </h:head>

   <h:body>

      <h:form id="myForm">
         <p:panel>
            <h:outputText value="Dynamic Tab Loading..."></h:outputText>
            <p:commandButton id="loadTabContentBtn" value="Load New Tab Content"
                  actionListener="#{tabManager.loadNewTabContent}"  />


            <p:tabView id="tabView1" binding="#{tabManager.tabViewComponent}" dynamic="true" >

               <p:tab id="tab1" title="Tab 1" closable="true" >   
                  <h:outputText value="blank 1" />
               </p:tab>

               <p:tab id="tab2" title="Tab 2" closable="true" >   
                  <h:outputText value="blank 2" />
               </p:tab>      

            </p:tabView>   

         </p:panel>
      </h:form>

      <!-- TODO remove for production -->
      <ui:debug />

   </h:body>

</html>

**

TabManager.java

**

import java.util.ArrayList;
import java.util.List;

import javax.faces.bean.ManagedBean;
import javax.faces.component.UIComponent;

import org.primefaces.component.inputtext.InputText;
import org.primefaces.component.tabview.Tab;
import org.primefaces.component.tabview.TabView;
import org.primefaces.context.RequestContext;

@ManagedBean
public class TabManager {

   private TabView tabViewComponent;

   public void loadNewTabContent() {

      /* get list of tabs from tabView*/
      List<UIComponent> tabs = getTabViewComponent().getChildren();

      /* get the first tab which had id="tab1" */
      Tab targetTab = (Tab)tabs.get(0);
      System.out.println("Target Tab Id is " + targetTab.getClientId());

      /* clear the tabs current content */
      targetTab.getChildren().clear();

      /* set new tab title and new content */
      targetTab.setTitle("Tab 1 Changed");            
      InputText inputTxt = new InputText();
      inputTxt.setValue("This is new content for Tab 1 ");
      targetTab.getChildren().add(inputTxt);

      List<String> updateIds = new ArrayList<String>();
      updateIds.add(targetTab.getClientId());

      RequestContext.getCurrentInstance().update(updateIds);
   }

   public TabView getTabViewComponent() {
      return tabViewComponent;
   }

   public void setTabViewComponent(TabView tabViewComponent) {
      this.tabViewComponent = tabViewComponent;
   }

}

由于

Answer 1

加载tabview时，它会将内容放入缓存中。因此，当您要重新加载时，它不会刷新内容。尝试在tabview属性中使用dynamic =“true”和cache =“false”来解决相同问题。

Primefaces选项卡ajax部分更新错误

dynamicTabLoading.xhtml

TabManager.java

1 个答案: