f : ui 내부의 ajax : 반복

Question

경매 물건 목록을 표시해야합니다. 사용자가 각 항목 옆에있는 입찰 버튼을 클릭하면이 경매 항목 바로 아래에서 Ajax 입찰 양식을 열게하고 싶습니다. 아래 그림과 같이 ui:repeat과 f:ajax으로 갈 예정입니다. 그러나 페이지로 이동하면 모든 경매 항목 옆에 입찰 구성 요소가 열려 있습니다. 아무 버튼이나 클릭해도 아무런 변화가 없습니다. 이 코드

<h:form> 
<table border="1"> 
<ui:repeat var="parcel" varStatus="status" value="#{auctionsViewBean.parcels}"> 
<tr> 
    <td><h:commandButton value="Bid" action="nothing"> 
     <f:ajax render="bidView"/> 
    </h:commandButton></td> 
    <td>#{status.index + 1}</td> 
    <td>#{parcel.a}</td> 
    <td>#{parcel.b}</td> 
    <td>#{parcel.c}</td> 
</tr>  
<tr><td><h:outputText id="bidView" value="#{auctionsViewBean.showBidViewForParcel(parcel)}">Some text</h:outputText></td></tr> 

</ui:repeat> 
</table> 
</h:form> 

내가 뭐하는 거지 잘못된 (입찰 양식을 그냥 outputText:에 간체)인가? 그리고 클릭 된 경매 항목과 관련된 입찰 구성 요소 만 지정하려면 어떻게해야합니까?

Answer 1

정확하게 알았다면 버튼을 누를 때까지 bidView을 처음에 숨기고 싶습니까? rendered 속성을 지정하고 <f:ajax>으로 참조 할 수있는 다른 구성 요소에 넣으면됩니다. 작업 방법과 점검 논리를 재정렬하기 만하면됩니다. 귀하의 회신, BalusC에 대한

public void addBidView(Parcel parcel) { 
    bidViews.put(parcel, new BidView()); 
} 

public boolean isShowBidView(Parcel parcel) { 
    return bidViews.containsKey(parcel); 
}