p:dialogAJAX 経由で送信されるコンポーネント内にフォームがあります。ui:includeダイアログ内のフォームは、フォームとそのコンポーネントだけを含む別のフォームを介して.xhtmlいます (いいえ、フォームをネストしていません。ダイアログ自体はどのフォーム内にもありません)。含まれるページのバッキング Bean は「ViewScoped」です。
ほとんどのものは正常に機能します:
- 検証が成功すると、フォームは save メソッドを実行します。保存が成功すると、ダイアログが閉じます。後続のレコードを開くと、データベースから適切なレコード情報が表示されます。
- 検証に失敗すると、送信された値が保持され、ダイアログが開いたままになり、検証エラーが表示されます。無効なフィールドを修正し、結果を再送信すると、保存が成功します。
問題は、actionによって呼び出されたp:commandButtonが失敗したときに発生します。失敗した場合、ダイアログは開いたままh:messagesになり、ユーザーに「変更の保存中にエラーが発生しました」と表示されます。さらに、送信された値は入力フィールドに残ります。これは、フォームが開いている間は問題ありません (望ましいことでもあります) が、ダイアログを閉じて再度開くと、送信された値がテキスト フィールドに残っています。これは、保存が成功したという印象をユーザーに与えるため、悪いことです (h:messagesダイアログの更新によりコンポーネントが空白になったため)。
これまでのところ、次のことを試しましたが、どれも問題を解決していません。
- 1.1) ダイアログを開いたときに、含まれているフォームのバッキング Bean を Bean の新しいインスタンスに設定します。
- 1.2) Bean が新しいインスタンスになったため、データ Bean からの詳細を使用してアドレス オブジェクトを再作成しています。
- 2.1）ダイアログの閉じるボタンを無効に
p:commandButtonし、コンポーネントを含む「キャンセル」ボタンを追加して、p:resetInputダイアログを閉じる/フォームをリセットします。(ダイアログは閉じますが、フォームに送信された値は保持されます)。 - 2.2)含まれているフォームのバッキング Bean
p:commandButtonを削除するメソッドを this から呼び出す。RequestMap immediate=true2.3) ボタンを と の両方に設定して試しましたimmediate=false。- 2.4) ボタンを に設定して試してみました
process=@this。これは、フォームを閉じて、再度開いたときに新しいフィールドが確実に作成されるようにするために使用したのと同様の戦術です。
バッキング Bean を新しいインスタンスに設定し、アドレス オブジェクトを再設定することで新しいフォームが表示されることを考えるでしょうが、NOPE です。
ソースの一部を次に示します。
mainform.xhtml の一部
<p:dialog id="dlgAddress"
header="Address Edit"
widgetVar="dialogAddress"
dynamic="true"
modal="false"
closable="false"
resizable="false"
styleClass="dlgAddress"
visible="#{addressform.showDlgAddress}">
<ui:include src="addressform.xhtml"/>
</p:dialog>
addressform.xhtml
<h:form id="fDlgAddress">
<div id="addresses-container">
<h:messages id="msgDlgAddress" errorClass="errormsg" infoClass="infomsg1" layout="table"/>
<h:panelGrid columns="1"
styleClass="pgAddresses"
rendered="#{!addressform.address.exists}">
<h:outputText value="No active #{addressform.address.atypCode} address found."
styleClass="record-not-exists"/>
<h:outputText value="Use the form below to create one."/>
</h:panelGrid>
<p:panelGrid columns="2"
styleClass="pgDlgForm pgAddresses">
<h:outputLabel value="Address Type"/>
<h:inputText id="atypCode1"
value="#{addressform.address.atypCode}"
disabled="true"
rendered="#{addressform.address.exists}"/>
<h:selectOneMenu id="atypCode2"
value="#{addressform.address.atypCode}"
rendered="#{!addressform.address.exists}">
<f:selectItems value="#{addressform.atypCodeList}"
var="atyp"
itemValue="#{atyp}"
itemLabel="#{atyp}"/>
</h:selectOneMenu>
<h:outputLabel value="Street 1"
for="street1"/>
<h:inputText id="street1"
value="#{addressform.address.addressLine1}"/>
<h:outputLabel value="Street 2"
for="street2"/>
<h:inputText id="street2"
value="#{addressform.address.addressLine2}"/>
<h:outputLabel value="Street 3"
for="street3"/>
<h:inputText id="street3"
value="#{addressform.address.addressLine3}"/>
<h:outputLabel value="Street 4"
for="street4"/>
<h:inputText id="street4"
value="#{addressform.address.addressLine4}"/>
<h:outputLabel value="City"
for="city"/>
<h:inputText id="city"
value="#{addressform.address.city}"
required="true"
requiredMessage="Please enter a city."/>
<h:outputLabel value="State"
for="statCode"/>
<h:selectOneMenu id="statCode"
value="#{addressform.address.stateCode}">
<f:selectItem itemLabel="Select State/Province"
itemValue=""/>
<f:selectItems value="#{states.statesList}"
var="stat"
itemValue="#{stat.statCode}"
itemLabel="#{stat.statDesc}"/>
</h:selectOneMenu>
<h:outputLabel value="Zip Code"
for="zipCode"/>
<h:inputText id="zipCode"
value="#{addressform.address.zip}"/>
<h:outputLabel value="Country"
for="natnCode"/>
<h:selectOneMenu id="natnCode"
value="#{addressform.address.nationCode}"
required="true"
requiredMessage="Please choose a nation.">
<f:selectItem itemLabel="Select Country"
itemValue=""/>
<f:selectItems value="#{nations.nationsList}"
var="natn"
itemValue="#{natn.natnCode}"
itemLabel="#{natn.natnDesc}"/>
</h:selectOneMenu>
<h:outputLabel value="From Date"
for="fromDate"/>
<p:calendar id="fromDate"
value="#{addressform.address.fromDate}"
showButtonPanel="true"/>
<h:outputLabel value="To Date"
for="toDate"/>
<p:calendar id="toDate"
value="#{addressform.address.toDate}"
showButtonPanel="true"/>
<h:outputLabel value="Inactivate"
for="inactivateAddress"
rendered="#{addressform.address.exists}"/>
<h:selectBooleanCheckbox id="inactivateAddress"
value="#{addressform.address.inactivate}"
rendered="#{addressform.address.exists}"/>
<h:outputLabel value="Delete"
for="deleteAddress"
rendered="#{addressform.address.exists}"/>
<h:selectBooleanCheckbox id="deleteAddress"
value="#{addressform.address.delete}"
rendered="#{addressform.address.exists}"/>
</p:panelGrid>
</div>
<div class="button-container">
<p:commandButton value="Save Changes"
action="#{addressform.save}"
type="submit"
ajax="true"
process="@form"
update="@form"/>
<p:commandButton value="Cancel"
process="@this"
onclick="dialogAddress.hide();">
<p:resetInput target="fDlgAddress"/>
</p:commandButton>
</div>
</h:form>
Recorddetailsform (アドレス ダイアログが呼び出されるフォームのバッキング Bean)
public void showDlgAddress(){
FacesContext ctx = FacesContext.getCurrentInstance();
ELResolver resolver = ctx.getApplication().getELResolver();
RecordDetails recordDetails = (RecordDetails) resolver.getValue(ctx.getELContext(), null, "recordDetails");
//Set addressform backing bean to new instance and load address into it from recordDetails
resolver.setValue(ctx.getELContext(), null, "addressform", new Addressform());
Addressform addressform = (Addressform) resolver.getValue(ctx.getELContext(), null, "addressform");
addressform.setAddress(recordDetails.getAddress());
}
Addressform (住所フォームのバッキング Bean)
public void save() {
FacesContext ctx = FacesContext.getCurrentInstance();
RequestContext rctx = RequestContext.getCurrentInstance();
ELResolver resolver = ctx.getApplication().getELResolver();
Records records = (Records) resolver.getValue(ctx.getELContext(), null, "records");
RecordDetails recordDetails = (RecordDetails) resolver.getValue(ctx.getELContext(), null, "recordDetails");
Mainform mainform = (Mainform) resolver.getValue(ctx.getELContext(), null, "mainform");
Person person = (Person) resolver.getValue(ctx.getELContext(), null, "person");
//Pretty lengthy SQL stuff here. Commented out. Just wanted to display the display logic below for the dialog.
if (errorMsg != null) {//If errorMsg is not null, then error occurred.
showDlgAddress = true;//Ensures address dialog remains open in event of action error.
queueErrorMessage(errorMsg);
rctx.update("dlgAddress");
return;//break out of method on error.
} else {
showDlgAddress = false;
rctx.update("dlgAddress");
}
//If everything saves without error, repopulate address and update recordDetails dialog.
recordDetails.populateAddress(records.getSelectedRecord());
mainform.updateDlgRecordDetails();
}
他の情報：
- JSF2
- プライムフェイス3.5
- トムキャット 6.0
- ネットビーンズ