0

我需要出示一份拍卖品清单。当用户单击每个项目旁边的投标按钮时，我想让 ajax 在此拍卖项目下打开一个投标表格。因此，我将使用 aui:repeat和 a f:ajax，如下所示，但是当我进入该页面时，所有拍卖品旁边都会打开投标组件。单击任何按钮都不会执行任何操作。这是代码（投标表格简化为一个outputText:）

<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>

我究竟做错了什么？以及如何仅指定与点击的拍卖项目相关的出价组件？

4

1 回答 1

2

如果我理解正确，您想最初隐藏bidView直到按下按钮？您可以通过给它一个rendered属性并将其放在另一个组件中，该组件可由<f:ajax>. 您只需要重新排列操作方法和检查逻辑。

<h:commandButton value="Bid" action="#{auctionsViewBean.addBidView(parcel)}">
<f:ajax render="bidView" />
...
<h:panelGroup id="bidView">
    <h:panelGroup rendered="#{auctionsViewBean.showBidView(parcel)}">
        ...
    </h:panelGroup>
</h:panelGroup>

像这样：

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

public boolean isShowBidView(Parcel parcel) {
    return bidViews.containsKey(parcel);
}
于 2011-11-20T14:52:32.810 回答