データテーブルが正常にajax呼び出し後に更新されません

Question

私はデータテーブルを持っています。テーブルの各行にと呼ばれるcommandButtonがあります。は、その行をモデルとビューから削除し、インプレースで更新を実行することになっています。フッタとして、と呼ばれる別のcommandButtonがあります。「すべての行を削除してください」

最後のボタンが機能します。クリックすると、すべての行がモデルから削除されます（つまり、要素を含むArrayListが空になります）、dataTableとfooter facetがビューで再レンダリング（または更新）されます。

一方、いずれかの行のボタンをクリックすると、それを削除するために部分的に機能します。対応する要素はモデルから削除されますが、ビューは更新されません。その行はまだdataTableにあり、footer facetは変更されていません。

私はusers.xhtmlに次のコードを書いています。

<f:metadata> 
    <f:viewParam name="id" value="#{users.id}" /> 
    <f:event type="preRenderView" listener="#{users.init}" /> 
</f:metadata> 

... 

<h:form id="usersForm"> 
    <p:outputPanel>  
     <p:dataTable id="userTable" value="#{users.user.friendList}" var="friend"> 
      <p:column> 
       <h:outputText value="#{friend.name}" /> 
      </p:column> 
      <p:column> 
       <p:commandButton action="#{users.user.removeFriend(friend)}" 
        ajax="true" 
        update="userTable somethingElse" process="@this" 
        onerror="errorDialog.show();" 
        icon="ui-icon-delete" 
        title="delete user"> 
       </p:commandButton> 
      </p:column> 

      <f:facet id="somethingElse" name="footer"> 
        aye: ${users.user.xxx} 
      </f:facet> 
     </p:dataTable> 

    </p:outputPanel> 

    <p:commandButton action="#{users.user.removeAllFriends()}" ajax="true" 
       update="userTable somethingElse" 
       process="@this" 
       icon="ui-icon-close" 
       value="delete all friends?"> 
    </p:commandButton> 


</h:form> 

ここで問題は何だと思いますか？それはPrimefacesのdataTableコンポーネントと共通のバグが原因であるように、これは思えるようおそらくPrimefaces 2.2.1を使用している3.0

Answer 1

を参照してください。代わりにupdate="@form"を使用すると動作します。本当の原因を調べる時間がありませんでしたので、この問題はすべてのページでは表示されないため、PFのメンバーに報告することができます。同じテーブルであっても、別のボタンがインテントとして機能します。更新

<p:commandButton update="@form" ... /> 

---

：

はそれを試してみることについて考えて来て、それはprocess="@this"の存在に多分関連です。

Answer 2

私はJSF 2.0とPrimefacesを使用しています。基本的に何が起こるかは、dataTableの要素内から発生するajaxポストバックが、dataTableの要素の部分的なページ更新をもたらさないことです。

最も単純な回避策は、dataTableの外部のボタンからポストバックを呼び出すことです。この目的は、dataTableの部分的なページ更新だけです。 2つのポストバックが発生するため、これは最も効率的な解決策ではありませんが、うまくいきます。

は、私は、この問題のフォーム私たちの現在のPF 3.0ページのいずれかを認識し、この問題に対する私の前の回答Here

Answer 3

userTable,somethingElseなどのコンポーネントの更新にサーバーIDを使用する場合、これらのコンポーネントは、更新をトリガーするコンポーネント（たとえば、ボタン）と同じ名前付けコンテナにある必要があります。それ以外の場合は、更新属性で次のような式を使用する必要があります。update=":usersForm:userTable"

主な問題は、命名コンテナを特定することです。外側のボタンは、ID userTableのテーブルと同じ命名コンテナ（フォーム）内にあるため、機能します。テーブル全体が更新されるためファセットが更新されますが、データテーブルはネーミングコンテナそのものなので、外側ボタンにupdate="somethingElse"を使用するだけでではなくはフッタを更新できます。

内側のボタンが機能しない理由はわかりません。私はdatatable内に別の命名コンテナがあると思います。 UIComponent実装のfindComponentアルゴリズムを使用してコンポーネントが見つからない場合、PrimeFacesはINFOを記録します。 INFO: Cannot find component with identifier "userTable" in view.

Answer 4

は、これは私が私のDataTableのフィルターを持っていたJSF 2.0

<p:dataTable id="empl1" var="emp" value="#{dtEmployeeView.employee}" selectionMode="multiple" rowKey="#{emp.id}" 
           paginator="true" rows="5" tableStyleClass="ui-table-columntoggle"> 
    <p:column width="20" headerText="Id" priority="1"> 
     <h:link value="#{emp.id}" /> 
    </p:column> 
    <p:column headerText="Employee Name" priority="2"> 
     <h:outputText value="#{emp.pname}" /> 
    </p:column> 

</p:dataTable> 
<p:commandButton update="form1:empl1" ajax="true" value="Submit" action="#{empService.addEmployee(employee)}" > 
    <f:event type="preRenderView" listener="#{dtEmployeeView.init()}"/> 
</p:commandButton> 

Answer 5

にリフレッシュするためのソリューションです。だからここで私は問題を解決した

oncomplete="PF('myWidgetVar').filter()" and update="@form"