刷新一個JSF使用jQuery的數據表

Question

我的數據表

<h:form> 
    <h:dataTable value="#{testController.items}" var="item" border="0"> 
     <h:column> 
      <h:outputText value="#{item.name}"/> 
     </h:column>   
    </h:dataTable> 
</h:form> 

我使用一個模式來保持自己的狀態，該模式包含此命令按鈕

<p:commandButton styleclass="btn btn-primary" action="#{testController.create}" oncomplete="handleComplete(xhr, status, args)" /> 

handleComplete功能：

function handleComplete(xhr, status, args) { 
    if(args.validationFailed) { 
     alert("failed"); 
    }else{ 
     $('#test-modal').modal('hide'); 

      // Do something here to reload the datatable to add the newly created item 

    } 
} 

即時通訊使用jsf 2和我也進口primefaces

Answer 1

您可以使用<p:remoteCommand>來生成調用JSF命令操作的JavaScript函數。

function handleComplete(xhr, status, args) { 
    if (args.validationFailed) { 
     alert("failed"); 
    } else { 
     $('#test-modal').modal('hide'); 
     updateTable(); 
    } 
}