javascript - 单击 commandButton 时更新 div

Question

我想在单击 h:commandButton 时更新 id="contents"的 div，但复杂的部分是 h:commandButton 位于 c:forEach< 中 所以有多个 h:commandButton 。我希望每当单击任何命令按钮时都会刷新 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 但在本例中不是必需的。