web-dev-qa-db-ja.com

Primefaces Datatableフィルター値は、データテーブルが更新された後に失われます

JSF2.0とPrimefaces3.2を使用しています。データテーブルを備えたメインフォームと、各行に別のデータテーブルとのダイアログを表示するボタンがあります。ダイアログには独自の形式があります。ダイアログでデータテーブルの行が選択されたら、選択を処理してから、メインフォームでデータテーブルを更新します。更新後、メインデータテーブルのすべてのフィルターが失われます。フィルタ値を記憶する方法はありますか？

私のJSFページ

<h:panelGroup id="mainTable">
<h:form id="mainForm" prependId="false">                
<p:dataTable id="cl_grid1" var="item"    widgetVar="mainGrid"
                value="# {controller.items}">


<p:column headerText="Colum1" filterMatchMode="contains" filterBy="#{item.myObj.code}" sortBy="#{item.myObj.code}">
                        <h:outputText value="#{item.myObj.code}" style="float:left" />

                        <p:commandButton id="selectBtn" icon="select"
                            oncomplete="selectDialog.show()" actionListener="#{controller.setMainItem}">
                            <f:param name="selectedMainItem" value="#{item.id}"/>
                        </p:commandButton>



                </p:column>

</p:dataTable
</h:form>
</h:panelGroup>

<p:dialog id="cl_selectDialog" header="Select AAAA" dynamic="true" modal="true" widgetVar="selectDialog" 
    height="500" width="900" showEffect="explode" hideEffect="explode">

        <h:form id="selectForm" prependId="true">

            <p:dataTable id="cl_selectGrid" var="selectorItem"    widgetVar="selectGrid"
                value="# {controller.selectorItems}" selection="#{controller.selectedItem}" 
rowKey="#{selectorItem.id}" selectionMode="single">



            <p:commandButton actionListener="#{controller.processSelection}" value="Ok" icon="ui-icon ui-icon-search" 
                                    oncomplete="selectDialog.hide()" update=":mainTable" process="@form"/>
            <p:commandButton value="Cancel" icon="ui-icon ui-icon-search" onclick="selectDialog.hide()" type="button"/>
        </h:form>
    </p:dialog>

私のコントローラー

私のコントローラーでは、データテーブルを再びハイドレイトするだけです。

@Component
@Scope("view")
public class Controller extends BaseController implements Serializable {

private List<Item> items;

public Controller() {
    items = new ArrayList<Item>();  
}


@PostConstruct
public void init() {
    loadItems();
}

protected void loadItems() {
    items = //Load items from Database
}


public void processSelection(ActionEvent event) {
    //Add the selected Item and then reload items
    loadItems();
}

}
jsf-2primefaces
12
Gowtham

AJAXリクエストの場合、トリガーコンポーネントに次のような 'oncomplete'メソッドを追加できます。

<p: ... update='myDatatableId' oncomplete='myDatatableWidget.filter();' />

このようにして、データテーブルで現在のフィルターを再トリガーするか、を使用してすべてのフィルターをクリアすることもできます

 ... oncomplete='myDatatableWidget.clearFilters();' ...
16
Sébastien Vanmechelen

また、kolossusによって投稿されたものよりも少し洗練されたソリューションを考え出しました。これは、永続的なフィルター値のPFDatatableを拡張するのと同じくらい簡単です。

http://www.stickysession.com/?p=258

2
Melloware

フォーム内からテーブルを更新する必要があるため（フィルターの状態を保持するため）、別の解決策として、メインテーブルフォームに非表示のボタンを配置し、ダイアログからクリックして「プロキシ」として使用することができます。このように、フィルターが保持される方法

ボタンをから変更します

 <p:commandButton actionListener="#{controller.processSelection}" value="Ok" icon="ui-icon ui-icon-search" 
     oncomplete="selectDialog.hide()" update=":mainTable" process="@form"/>

これに（非表示のボタンをクリックするだけの単純なボタン）

 <p:commandButton onclick="$('#my-proxy-button-id').click(); return false;" value="Ok" icon="ui-icon ui-icon-search"/>

メインテーブルフォーム内に新しいボタンを追加します

 <p:commandButton style="display:none;" id="my-proxy-button-id" actionListener="#{controller.processSelection}" 
     oncomplete="selectDialog.hide()" update="mainTable" process=":selectForm"/>

この手法を使用すると、手動でフィルタリングを呼び出す必要がなくなり、追加の「点滅」が画面に表示されません。

1
Daniel