How do I pass values to UI Page with glideModal?

corbettbrasing1 · ‎03-13-2017

The API has no examples unfortunately https://developer.servicenow.com/app.do#!/api_doc?v=helsinki&id=c_GlideModalClientSideV3API

https://developer.servicenow.com/app.do#!/api_doc?v=helsinki&id=c_GlideModalClientSideV3API

I know I invoke GlideModal client side on the form but in the UI page, do I just call get(glideModalStringID)

then use getPreference() in a g2 tag?

corbettbrasing1 · ‎03-23-2017

Ok since there are zero example of using Glide modal in the API I am posting my code. Hopefully we can get a doc update. https://developer.servicenow.com/app.do#!/api_doc?v=helsinki&id=c_GlideModalClientSideV3API

UI ACTION:

Client Callable: Yes

function confirmAndProcess() {//can call this whatever you want

   var message = "TYPE YOUR MESSAGE HERE"; 


   var confirm = new GlideModal('NAME_OF_UI_PAGE',false, 'modal-lg');
   confirm.setPreference("sysparm_message", message); 

   confirm.setTitle("Confirm");

   confirm.render();

}


//Code that runs without 'onclick' function, this will only run if the client script in the UI page runs that recalls the ui action directly with gsftSubmit().   See UI page code

//Ensure call to server-side function with no browser errors

if (typeof window == 'undefined')

   someServerCall();



//Server-side function

function someServerCall(){

   current.setValue("state", 15);

   current.update();

   action.setRedirectURL(current);

}}

UI PAGE HTML:

<?xml version="1.0" encoding="utf-8" ?>

<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">


<j:set var="jvar_pref" value="${sysparm_message}"/>



   <div class="modal-body">

   <p>

   ${jvar_pref}

   </p>

   </div>

   <footer class="modal-footer flex">

           <g:dialog_buttons_ok_cancel ok="return onOK();" cancel="return onCancel();" ok_type="button" cancel_type="button"/>



   </footer>

</j:jelly>

UI PAGE CLIENT SCRIPT:

function onOK() {

gsftSubmit(null, g_form.getFormElement(), 'NAME_OF_UI_ACTION'); //MUST call the 



}



function onCancel() {

   var o = GlideModal.prototype.get('SCOPE.UI_PAGE_NAME');

   o.destroy();

}

View solution in original post

cczernia · ‎01-17-2018

I was struggling with this as the parameter we not automatically defined in the UI Page when I tried it. So, this did not work:

<j:set var="jvar_pref" value="${sysparm_message}"/>

I than switched to using RP methods and tried this.

<j:set var="jvar_pref" value="${RP.getParameterValue("sysparm_message")}/>

This only worked if I loaded the UI page directly and added the parameters in the url. Searching around I finally found an undocumented RP method that worked for me:

<j:set var="jvar_pref" value="${RP.getWindowProperties().get("sysparm_message")}/>