0

私のデータテーブル

<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

    }
}

jsf2を使用しているimと私もprimefacesをインポートしました

4

1 に答える 1

1

を使用<p:remoteCommand>して、JSF コマンド アクションを呼び出す JavaScript 関数を生成できます。

<h:form>
   <h:dataTable id="table" value="#{testController.items}" var="item" border="0">
       <h:column>
           <h:outputText value="#{item.name}"/>
       </h:column>           
   </h:dataTable>
   <p:remoteCommand name="updateTable" action="#{testController.update}" update="table" />
</h:form>

これは、次のように呼び出すことができます。

function handleComplete(xhr, status, args) {  
    if (args.validationFailed) {  
        alert("failed");
    } else {
        $('#test-modal').modal('hide');
        updateTable();
    }
}
于 2013-02-21T10:59:12.207 に答える