如何在Ajax請求期間動態添加JSF2中的組件

Question

我目前正在嘗試在ajax請求期間動態地將新組件添加到JSF組件樹。

實際上，我在AjaxBehaviorListener中的UIViewRoot組件中添加了一個子組件，該組件在ajax請求過程中在服務器端觸發。

問題在於新組件未呈現。看起來這個組件在渲染響應階段沒有考慮到。

你能幫我解決這個問題嗎？

問候，

紀堯姆

Answer 1

，而不是試圖Ajax請求時動態添加組件，嘗試定義組件的前期，並設置它的渲染標籤爲false。然後可以使用ajax請求填充組件的內容，並翻轉呈現的屬性以顯示屬性。

Answer 2

此解決方案在ajax請求添加組件之前知道的情況下工作。 但是，如果您無法知道要添加哪個組件，則不起作用。

我也許找到了一個解決方案：

我的解決方案是實現我的自定義PartialViewContext和使用方法startInsertAfter或PartialResponseWriter的startInsertBefore。

它正在工作，但您必須將組件添加爲瞬態。 （uiComponent.setTransient（Boolean.TRUE）;）

問候，

紀堯姆

Answer 3

這個工作對我來說：要在其下動態地添加其他的UIComponents應該

豆拿着結合爲UIComponent請求範圍，否則它可以拋出一些討厭的例外（不要問我爲什麼）：

@ManagedBean 
    @RequestScoped 
    public class AddressEditorBean { 
// session bean reference for holding id number line and model 
     @ManagedProperty(value = "#{addressValueBean}") 
     private AddressValueBean address;  
     public String addOutputText() { 
      HtmlOutputText text = new HtmlOutputText(); 
      int c = address.getC(); 
      text.setValue("new text! " + c); 
      text.setId("id" + c++); 
      address.setC(c);    // hold id number line in sessionbean 
      address.getComps().add(text); // hold new uicomponent in session bean to be able to rebuild it 
      panel.getChildren().clear(); // need to clear children and add them all again, 
      panel.getChildren().addAll(address.getComps()); // otherwise there are problems with duplicate children (bug?) 
      return "success"; 
     } 

     public HtmlPanelGroup getPanel() { 
      return panel; 
     } 

     public void setPanel(HtmlPanelGroup pane) { 
      if (panel == null) { 
       this.panel = pane; 
       if (panel != null) { 
        panel.getChildren().addAll(address.getComps()); 
       } 
      } else { 
       this.panel = pane; 
      } 
     } 
    } 

從頁面的代碼段。我dynnamically組件添加到<h:panelGroup>

<h:form> 
     <h:panelGroup id="section" binding="#{addressEditorBean.panel}"> 

     </h:panelGroup> 
     <h:commandButton value="add new text" action="#{addressEditorBean.addOutputText}"> 
      <f:ajax execute="@this" render="section" event="action"/> 
     </h:commandButton> 
    </h:form> 

在會話bean我認爲實際的動態模型，這樣我可以重新加載頁面後重建它：

@ManagedBean 
@SessionScoped 
public class AddressValueBean extends ValueBean<Address> { 

    private int c = 0; 
    private List<UIComponent> comps = new ArrayList<UIComponent>(); 

    public AddressValueBean() { 
     setValue(new Address()); 
    } 

    public int getC() { 
     return c; 
    } 

    public void setC(int cn) { 
     this.c = cn; 
    } 

    public List<UIComponent> getComps() { 
     return comps; 
    } 

    public void setComps(List<UIComponent> comps) { 
     this.comps = comps; 
    } 
}