當複選框列表使用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";