如何將動態創建的HtmlInputText組件的值綁定到bean屬性？

Question

如何動態地使用某些組件（例如某些輸入文本）設置JSF dynamicPanelGrid，然後獲取它們的值並將它們存儲到對象和數據庫中？我創建了一個示例對象模型，一個帶有「佔位符」的動態生成的HtmlPanelGrid的Facelets視圖，以及一個創建HtmlPanelGrid實例及其組件的支持bean。下面是每個碼：

模型：

@Entity 
@Table(name = "imageviewer_crreviewerformdata") 
public class CRReviewerFormData implements Serializable { 

private static final long serialVersionUID = 1L; 

@Id 
@GeneratedValue 
@Column(name = "FdId") 
private Long fdId; 

@Column(name = "Input1") 
private String input1; 

@Column(name = "Input2") 
private String input2; 

@Column(name = "Input3") 
private String input3; 

/* getters & setters*/ 
// ... 

的視圖：

<p:commandButton value="View" action="#{reviewReportBean.updateDynamicPanelGrid()}" 
        oncomplete="dlg.show()" icon="ui-icon-image" > 
    <f:param name="selectedImage" value="#{cRImageData.imName}" /> 
</p:commandButton> 
... 
<p:outputPanel id="outerContainerDynamicPanelGrid" autoUpdate="true"> 
    <h:panelGrid id="innerContainerDynamicPanelGrid" 
        binding="#{reviewReportBean.dynamicPanelGrid}"> 
    </h:panelGrid> 
</p:outputPanel> 
<p:commandButton id="viewSaveForm" value="Save" 
        action='#{reviewReportBean.saveReport()}'> 
</p:commandButton> 
<p:commandButton id="viewEditForm" value="Edit" 
        action='#{reviewReportBean.editReport()}'> 
</p:commandButton> 
... 

控制器：

@ManagedBean(name = "reviewReportBean") 
@ViewScoped 
public class ReviewReportBean implements Serializable { 
    private static final long serialVersionUID = 1L; 
    private String imageOfInterest; 
    private HtmlPanelGrid dynamicPanelGrid; 
    private CRReviewerFormData cRReviewerFromData; 
    // ... 
    @PostConstruct 
    public void init(){  
     dynamicPanelGrid = new HtmlPanelGrid(); 
     FacesContext facesContext = FacesContext.getCurrentInstance(); 
     ConfigOptionsBean configOptionsBean = (ConfigOptionsBean) facesContext.getApplication().getVariableResolver().resolveVariable(facesContext, "configOptionsBean"); 

     cRReviewerFromData = new CRReviewerFormData(); 
    } 

    @SuppressWarnings("unused") 
    public void updateDynamicPanelGrid() { 

     RequestContext requestContext = RequestContext.getCurrentInstance(); 
     Application application = FacesContext.getCurrentInstance().getApplication(); 
     dynamicPanelGrid.getChildren().clear(); 

     Row row1 = (Row) application.createComponent(Row.COMPONENT_TYPE); 
     row1.setRendered(true); 
     Row row2 = (Row) application.createComponent(Row.COMPONENT_TYPE); 
     row2.setRendered(true);  
     Row row3 = (Row) application.createComponent(Row.COMPONENT_TYPE); 
     row3.setRendered(true); 

     HtmlOutputLabel label1 = (HtmlOutputLabel)application.createComponent(HtmlOutputLabel.COMPONENT_TYPE);  
     label1.setValue("I am the first label"); 
     label1.setStyle("font-weight:bold;color:black"); 
     label1.setId("label1");  
     HtmlOutputLabel label2 = (HtmlOutputLabel)application.createComponent(HtmlOutputLabel.COMPONENT_TYPE);  
     label2.setValue("I am the second label"); 
     label2.setStyle("font-weight:bold;color:red"); 
     label2.setId("label2");  
     HtmlOutputLabel label3 = (HtmlOutputLabel)application.createComponent(HtmlOutputLabel.COMPONENT_TYPE);  
     label3.setValue("I am the third label"); 
     label3.setStyle("font-weight:bold;color:red"); 
     label3.setId("label3"); 

     HtmlInputText input1 = (HtmlInputText)application.createComponent(HtmlInputText.COMPONENT_TYPE); 
     input1.setId("input1"); 
     //How can i set inputtext value to something 
     //like: #{cRReviewReportBean.input1} in order to store 
     //form data (cRReviewerFromData)? 

     HtmlInputText input2 = (HtmlInputText)application.createComponent(HtmlInputText.COMPONENT_TYPE);   
     input2.setId("input2"); 
     //How can i set inputtext value to something 
     // like: #{cRReviewReportBean.input2} in order to store 
     //form data (cRReviewerFromData)? 

     HtmlInputText input3 = (HtmlInputText)application.createComponent(HtmlInputText.COMPONENT_TYPE); 
     input3.setId("input3"); 
     input3.setValueBinding(arg0, arg1); 
     //How can i set inputtext value to something 
     //like: #{cRReviewReportBean.input3} in order to store 
     // form data (cRReviewerFromData)? 

     dynamicPanelGrid.setColumns(2); 

     dynamicPanelGrid.getChildren().add(label1); 
     dynamicPanelGrid.getChildren().add(input1);  
     dynamicPanelGrid.getChildren().add(label2); 
     dynamicPanelGrid.getChildren().add(input2);  
     dynamicPanelGrid.getChildren().add(label3); 
     dynamicPanelGrid.getChildren().add(input3); 
     requestContext.update(":viewDatagridForm:innerContainerDynamicPanelGrid"); 
    } 
    // ... 
} 

如何可以結合的動態創建的值HtmlInputText組件到bean的屬性？

Answer 1

HtmlInputText input1 = (HtmlInputText)application.createComponent(HtmlInputText.COMPONENT_TYPE); 
input1.setId("input1"); 
//How can i set inputtext value to something 
//like: #{cRReviewReportBean.input1} in order to store 
//form data (cRReviewerFromData)? 

在組件的value屬性使用UIComponent#setValueExpression()。

所以，因爲這個屬性是String

private String input1; 

，並具有這個輔助方法

public static ValueExpression createValueExpression(String valueExpression, Class<?> valueType) { 
    FacesContext context = FacesContext.getCurrentInstance(); 
    return context.getApplication().getExpressionFactory() 
     .createValueExpression(context.getELContext(), valueExpression, valueType); 
} 

這應該這樣做：

HtmlInputText input1 = (HtmlInputText)application.createComponent(HtmlInputText.COMPONENT_TYPE); 
input1.setId("input1"); 
input1.setValueExpression(createValueExpression("#{cRReviewReportBean.input1}", String.class));