当复选框列表使用JSF动态显示时，显示基于复选框的文本框

Question

我的项目中有一个需求，该需求指定基于复选框选中显示2个文本框。对于选中的每个复选框，2个文本框是相同的。扭曲是复选框列表是动态的以适应未来的添加。复选框列表来自数据库。 这怎么能在JSF中完成？

Answer 1

您可以使用tag的valueChangeListener属性。

 <h:selectManyCheckbox id="" value="#{bean.selectedItems}" valueChangeListener="#{bean.renderTextBox}"> 
     <f:selectItems value="#{bean.checkBoxList}"/> 
     </h:selectManyCheckbox> 
<h:inputText value="" rendered="#{bean.render}"/> 

在你的bean中有属性叫render。 在valuechange方法即renderTextBox写下面的代码

public void renderTextBox(event) 
{ 

if(isInvokeApplicationPhase(event)) 
{ 
//change the value of render property to true or false depending on checkbox is checked or not 
} 

} 
public boolean isInvokeApplicationPhase(FacesEvent event){  
    if(event.getPhaseId() != PhaseId.INVOKE_APPLICATION){ 
     event.setPhaseId(PhaseId.INVOKE_APPLICATION); 
     event.queue(); 
     return false; 
    }  
    return true; 
} 

，并从数据库中写入获取复选框列表下面的方法

public List getcheckBoxList() 
{ 
public List checkBoxList = null 
// retrieve list of checkbox from your db(write query here and assign returned list to checkBoxList variable and return that varaible) 
} 

getcheckBoxList（）是一个getter方法。我必然的CheckBoxList变量<f:selectItems>标签

Answer 2

您可以使用JavaScript来隐藏和显示输入框

var checkbox=document.getElementById("ID"); 

     if(checkbox.value== 'null') 
      checkbox.style.display = "none"; 
     else 
      checkbox.style.display = "inline";