In the following example, the caller page defines the pop-up window using Dojo, and then calls the editElectronic.jsp file to display the pop-up page.
Create a caller page that defines the pop-up window. For example:
<script type="text/javascript">
if (!dijit.byId("mycsrEditAddressFloatingPane")) {
new dojox.Dialog({ id: "mycsrEditAddressFloatingPane",
cacheContent: "false",
executeScripts: "true",
scriptHasHooks: "true",
duration: 100,
"class": "atg_commerce_csr_popup"});
}
</script>Define the pop-up window URL with the window parameters. For example:
<c:url var="editAddressURL" context="/MY-DCS-CSR}"
value="editElectronic.jsp">
<c:param name="nickname" value="${addressKey}"/>
<c:param name="${stateHolder.windowIdParameterName}"
value="${windowId}"/>
</c:url>Pass in the
windowIdand any other parameters that are required by the new pop up page.Define the link that loads the pop-up page. For example:
<li class="atg_commerce_csr_editAddress">
<span class="atg_svc_shipAddressControls">
<a class="atg_tableIcon atg_propertyEdit" style="min-width:100px"
title="<fmt:message key="common.address.edit.mouseover"/>" href="#"
onclick="atg.commerce.csr.common.showPopupWithReturn({
popupPaneId: 'mycsrEditAddressFloatingPane',
title: '<fmt:message key="common.edit"/>',
url: '${editAddressURL}',
onClose: function( args ) {
if ( args.result == 'ok' ) {
atgSubmitAction({
panelStack :[ 'cmcShippingAddressPS','globalPanels'],
form : document.getElementById('transformForm')
});
}
}});return false;">
<fmt:message key="common.edit"/>
</a>
</span>
</li>The
onClosefunction defines the actions that should occur when the pop-up window is closed. When the pop-up window is closed automatically, the pop-up page passes back theargs.resultvalue asok, refreshing the shipping address panel stack and global panel stacks.Save the parent page.
