1

エンティティのリストを表示するように ap:datascroller を構成し、[詳細] ボタンをクリックするとそれらを遅延ロードします。

<h:form id="investigationOperationsForm">
        <p:dataScroller
            value="#{investigationManagerBackingBean.lazyLoadedInvestigationOperations}"
            var="investigationOperation" chunkSize="9" lazy="true"
            rowIndexVar="test">
            <f:facet name="header">
                    Scroll down to load investigations
            </f:facet>


            <h:panelGrid columns="2" style="width:100%"
                columnClasses="logo,detail">

                <p:commandLink oncomplete="PF('investigationDialogW').show()"
                    update="investigationEditorForm" immediate="true">
                    <f:setPropertyActionListener value="#{investigationOperation}"
                        target="#{investigationManagerBackingBean.selection}" />
                    <p:graphicImage alt="Investigation Operation"
                        url="/images/common/investigation-operation.png" />
                </p:commandLink>


                <!--  h:outputText value="#{investigationOperation.name}" /-->
                <p:outputPanel id="pnl">
                    <h:panelGrid columns="2" cellpadding="5">

                        <h:outputText value="Name:" />
                        <h:outputText value="#{investigationOperation.name}"
                            style="font-weight: bold" />

                        <h:outputText value="Description:" />
                        <h:outputText value="#{investigationOperation.shortDescription}"
                            style="font-weight: bold" />

                    </h:panelGrid>
                    <p:draggable for="pnl" />
                </p:outputPanel>
            </h:panelGrid>
            <f:facet name="loader">
                <p:outputPanel
                    visible="#{investigationManagerBackingBean.lazyLoadedInvestigationOperations.rowCount gt 10}"
                    rendered="#{investigationManagerBackingBean.lazyLoadedInvestigationOperations.rowCount gt 10}">
                    <p:commandLink value="More" />
                </p:outputPanel>
            </f:facet>

        </p:dataScroller>

    </h:form>

さらに、メソッドが実行されたときにポップアップするダイアログがp:commandLink oncompleteあり、現在の選択の値を更新して変更を保持できます。

<p:dialog id="investigationDialog"
        header="#{msg['inv-manager.invDialog.header.title']}"
        widgetVar="investigationDialogW" minWidth="400" minHeight="400"
        resizable="false" position="center center" modal="true">

        <p:panel id="investigationEditorPanel">
            <h:form id="investigationEditorForm">
                <h:panelGrid columns="2" cellpadding="5">

                    <h:outputLabel for="name"
                        value="#{msg['inv-manager.invDialog.nameFieldLabel']}" />
                    <p:inplace id="nameInplaceEditor" editor="true">
                        <p:inputText
                            value="#{investigationManagerBackingBean.selection.name}"
                            id="name" required="true" immediate="true"
                            label="#{msg['inv-manager.invDialog.nameFieldInputLabel']}" />
                    </p:inplace>


                    <h:outputLabel for="shortDescription"
                        value="#{msg['inv-manager.invDialog.shortDescriptionFieldLabel']}" />
                    <p:inplace id="shortDescriptionInplaceEditor" editor="true">

                        <p:inputText
                            value="#{investigationManagerBackingBean.selection.shortDescription}"
                            id="shortDescription" required="true" immediate="true"
                            label="#{msg['inv-manager.invDialog.shortDescriptionFieldInputLabel']}" />
                    </p:inplace>

                    <h:outputLabel for="description"
                        value="#{msg['inv-manager.invDialog.descriptionFieldLabel']}" />
                    <p:inputTextarea id="description" required="false"
                        label="#{msg['inv-manager.invDialog.descriptionFieldInputLabel']}"
                        immediate="true"
                        value="#{investigationManagerBackingBean.selection.description}" />


                    <p:commandButton id="okButton"
                        value="#{msg['inv-manager.invDialog.okButton']}" type="submit"
                        partialSubmit="true" process="investigationEditorForm"
                        action="#{investigationManagerBackingBean.createOrUpdate()}"
                        onclick="dlg.hide();" />

                </h:panelGrid>
            </h:form>
        </p:panel>

    </p:dialog>

バッキング Bean は構成されており@ViewScoped、すべてが定義どおりに機能します。ただし、更新時に の値p:datascrollerがリセットされ、遅延読み込みモデルの load メソッドが実行され、datascroller がデータベースから新しい値で再設定されます。

p:dialog で datascroller またはそのフォームを含むフォームへの参照がなく、なぜ datascroller が自動的に更新されるのか疑問に思っています。方程式に欠けているものは何ですか。このアプローチに従うときに考慮する必要がある p:datascroller モデルに固有の何かまたは何かを見落としていませんか?

この問題を解決するためのコミュニティの専門知識に期待してください。よろしくお願いします:)

4

0 に答える 0