javascript - 单击命令按钮时更新 div

Question

我想在h:commandButton单击 a 时用 id="contents" 更新一个 div，但复杂的部分是 h:commandButton 在 a 中c:forEach，所以有多个h:commandButtons。我希望在单击任何命令按钮时刷新 div。可以使用ajax或jquery吗？

1)

<h:form>

<div id="contents">
 <c:forEach var="p" items="#{statusBean.statusList}">  
   <h:commandButton>Click Me</h:commandButton> 
   //content
  </c:forEach>       
</div>

</h:form>

Answer 1

首先你的按钮根本不是 AJAX 按钮，所以在f:ajax里面添加：

<h:commandButton value="Click Me">
  <f:ajax render="@form"/>
</h:commandButton>

请注意，我渲染了孔形式，因为您的 div 实际上只是其中的标记。您不能使用 JSF 更新普通的 HTML 标记。您可以将 div 更改为，h:panelGroup但在此示例中没有必要。