How to add new text boxes and check boxes dynamically when clicking on button in JSF

How to add new text boxes and check boxes dynamically when clicking on button in JSF. Example : I have one text box and a ADD button, I want enter data in the text box than click ADD buttion, The entered data should be display next line in editable text and with a check box for select to delete. Can any body help me

You can do this in two ways:
1. Initially hide the editable textbox and its checkbox and render them only after you submit the form by your Add button.
2. You can create components in the action method: Use a panelGrid and bind it to your backing bean. Once the Add button is clicked, in your action method, add children to the panelGrid binding component.
Code will be something like this:
In your jsp:

In your backing bean:

"raju.gollapalli raju.gollapalli",
Welcome to the JavaRanch.

We're a friendly group, but we do require members to have valid display names.

Display names must be two words: your first name, a space, then your last name. Fictitious names are not allowed.

Please edit your profile and correct your display name since accounts with invalid display names get deleted.

Hi all,
I've tried to build a jsf page with dynamic UI Input fields in JSF, with a map that values are bound to it (and all of components are added as children to the PanelGrid tag's component).
Any time user clicks on add button 3 new input fields are generated in backing bean and my page rerenders.
The problem is : after rendering I can't see values binding to HtmlInputTexts,in fact the values are empty.
Here's the code:
Backing Bean:

public class InputFieldGeneration {

private HtmlPanelGrid gridElems = new HtmlPanelGrid();
private Map<String,Object> keyValueMap = new HashMap<String,Object>();
private String[] fields = {"FieldName","FieldType","FieldLength"};
private String formTitle = "";
private HtmlPanelGrid grid;

public InputFieldGeneration() {
// TODO Auto-generated constructor stub

//ArrayList<String> formField = new ArrayList<String>();
 
//ArrayList<String> BackColumns = new ArrayList<String>();
}

/**
 * @param gridElems the gridElems to set
 */
public void setGridElems(HtmlPanelGrid gridElems) {
this.gridElems = gridElems;
}
public HtmlPanelGrid getGridElems() {

int nxtMapIndex = 0;
Application app = FacesContext.getCurrentInstance().getApplication();

if(grid != null) System.out.println("NOT NULL");

else
grid = new HtmlPanelGrid();

grid.setColumns(6);
    List<UIComponent> children = grid.getChildren();
 
//    grid.setId("newGenForm:_id5");
    if(this.keyValueMap !=  null)
    nxtMapIndex = this.keyValueMap.size() ; 
    System.out.println("SIZE OF RETURNED map IS: "+nxtMapIndex);
    
    
//loop for creating input desired No. of Input fields
   for(int rows = 0 ; rows < (nxtMapIndex/3+1) ; rows ++) 
for(int i = 0 ; i < fields.length ; i++)
{
//numbering rows
    String index;
    index = fields[i] + String.valueOf(rows) + String.valueOf(i);
    
if(! this.keyValueMap.containsKey(index)){
System.out.println("INDEX: "+index);
//create output fields
    HtmlOutputText ot = new HtmlOutputText();
    ot.setValue(fields[i]);
    children.add(ot);

//create input fields    
    HtmlInputText hit = new HtmlInputText();    
    hit.setSize(30);
    hit.setId(index);
    hit.setTitle(index);

//Insert keys to Map 
    
    this.keyValueMap.put(index, "");

//Bind input field values to Map
    
    String bind = "#{InputFieldGeneration.keyValueMap['"+index+"']}";
    hit.setValueBinding("value",app.createValueBinding(bind));
    
    hit.setRequired(true);
    children.add(hit);
    FacesContext.getCurrentInstance().renderResponse();
      //With below line code solution the jsf tree is not saved among the different request-response cycles and at every new request you get a new internal tree structure.    
//    FacesContext.getCurrentInstance().getViewRoot().setTransient(true); /* where "context" is of type "FaceContext" */
}//end of if
else continue;
}
    return grid;
}
 
public String checkFormGeneration()
{
System.out.println("IN Check FORM METHOD: "+keyValueMap.size());
String logicalOutcomeStr = "";
if(this.gridElems != null)
{
logicalOutcomeStr = "success";
}
else 
logicalOutcomeStr = "failure";
return logicalOutcomeStr;

}
 
/**
 * @return the formTitle
 */
public String getFormTitle() {
return formTitle;
}
 
/**
 * @param formTitle the formTitle to set
 */
public void setFormTitle(String formTitle) {
this.formTitle = formTitle;
}
 
/**
 * @return the keyValueMap
 */
public Map<String, Object> getKeyValueMap() {
return keyValueMap;
}
 
/**
 * @param keyValueMap the keyValueMap to set
 */
public void setKeyValueMap(Map<String, Object> keyValueMap) {
this.keyValueMap = keyValueMap;
}

}

And the jsf page:

Can anybody help me?

whats the scope of the managed bean 'InputFieldGeneration' ?

session or request?