Show second UI page from first one

[Vaibhav39]

Hello,

My requirement is to show second UI page from first and that too in same window / frame.

There are two UI pages already created (say page1 & page2).

On click of UI action, if there are records in related list, show page1 & then page2 else show only page2. See below code.

Page1 HTML:

<g:ui_form>
	<input type="hidden" id="cancelled" name="cancelled" value="false"/>
	<input type="hidden" name="task_id" id="task_id" value="${RP.getWindowProperties().get('sysId')}"/>
	<g:evaluate var="jvar_URL" object="true">
        <!-- Code will check records and put all sys_ids in an array and return an URL -->
		url;
	</g:evaluate>
	<table>
		<tr id="dialog_buttons">
			<td colspan="2" align="left">
				<g:dialog_buttons_ok_cancel ok="return onSubmit();" cancel="return onCancel();" />
			</td>
		</tr>
		<br/><br/>
	</table>
	<table>
		<tr>
			<td><iframe src="${jvar_URL}" scrolling="yes" width="900" height="400"/></td>
		</tr>
	</table>
</g:ui_form>

If I wrote the <iframe> first & then dialog_buttons_ok_cancel then those buttons are not displaying.

Page1 Client script:

function onSubmit() {
	var taskId = gel('task_id').value;
	alert("task id="+taskId);
	GlideDialogWindow.get().destroy();
}

function onCancel() {
    var cancel = gel('cancelled');
    cancel.value = "true";
    GlideDialogWindow.get().destroy();
    return false;
}

Page1 Processing script:

if ('false' == cancelled) {
	response.sendRedirect("ui_page.do?sys_id=<SYS_ID_OF_PAGE2>");
}

The issue I'm facing is for second page. Page2 is not getting displayed in same UI page window/frame.
Also, if I click on "Cancel" button then it is redirecting to new record instead of same record.

Please help me to solve this issue.

Thanks in advance.

[Ankur Bawiskar]

Hi,

So can you share the working solution so that it helps future readers

How did you pass the value to 2nd UI page from 1st UI page and printed that/used that

Regards
Ankur

[Vaibhav39]

Sure Ankur.

UI Action:

var isReadWrite = false;
			var partsDialog = new GlideModal("page_one", isReadWrite, 1024);
			partsDialog.setTitle("Validate");
			partsDialog.setPreference("sysId", sysId);
			partsDialog.render();
			
			partUsage = function (partsDialog) {
				return function (sysId) {
					partsDialog.destroy();
					var closureDialog = new GlideModal("page_two", isReadWrite, 1024);
					closureDialog.setTitle("Closure");
					closureDialog.setPreference("sysId", sysId);
					closureDialog.render();
					
					closurefields = function (closureDialog) {
						return function () {
							closureDialog.destroy();
						};
					} (closureDialog);
				};
			} (partsDialog);

Page one HTML:

<j:set var="task_id" value="${RP.getWindowProperties().get('sysId')}"/>
<input type="hidden" id="cancelled" name="cancelled" value="false"/>
<input type="hidden" name="task_id" id="task_id" value="${RP.getWindowProperties().get('sysId')}"/>

<g:evaluate var="jvar_sysid">
	var idForSecondPage = RP.getWindowProperties().get('sysId');
	idForSecondPage;
</g:evaluate>

<g:evaluate var="jvar_URL">
	//code to show the list view of a table.
</g:evaluate>
		
<table>
	<tr id="dialog_buttons">
		<td colspan="2" align="left">
			<g:dialog_buttons_ok_cancel cancel_type="button" ok_id="task_id" ok="partUsage('${jvar_sysid}')" ok_type="button"/><br/><br/>
		</td>
	</tr>
</table>
		
<table>
	<tr>
		<td><iframe src="${jvar_URL}" scrolling="yes" width="850" height="400"/></td>
	</tr>
</table>

Not a single change in second page as it was developed by other person. Its working fine for me.

[Ankur Bawiskar]

Hi,

Once user clicks OK on the 1st UI page it is opening the 2nd UI page in same frame?

Regards
Ankur

[-O-]

Of course, the XML I posted was just a skeleton, it indeed needed to be made complete by adding the rest of the functionality.