How to retrieve data with a Script Include in UI Builder?

[gjz]

I'm really new to UI Builder and have a business requirement that I need help with.

Currently, in the core UI forms for catalog tasks (SCTASK), we have a UI Macro on the form that provides a list of consolidated work notes and user comments for the entire request so none get missed when fulfilling a request.  The UI macro calls a script include that gathers the data based on two parameters passed - the SCTASK sysid and the RITM sysid.

I need the same functionality for Service Operations Workspace and I'm stuck on how to create a data resource to call the script include.  I assume I can pass parameters to the data resource with a client state parameter or field value from the form controller, I just don't know how to do that in a data resource, or even what kind of data resource since I want to re-use the script include code.

Can someone help me out, please?

[tejarekanda]

Hi @gjz ,

Follow this youtube video
https://www.youtube.com/watch?v=bXgN8_zBQ-I
If my response helped, mark it as helpful and accept the solution.

Regards.

[gjz]

This video is a copy of Brad Tilton's video, and they replaced the sound with music.  I didn't find it helpful, but found the original from Brad that had his explanation - which was much more useful to me.

[Henalu]

Hi! In Breaking Trail I have an article that covers something very similar to what you're looking for: Cómo llamar a un Script Include desde un Client Script de UI Builder | Breaking Trail

It walks through how to reuse your Script Include logic in UI Builder by setting up a Scripted REST Resource as an intermediary and calling it from your client code. The pattern handles parameter passing and response handling, which should help you solve your data resource challenge.

Give it a read — it might point you in the right direction for your implementation.

[gjz]

Is there an English version?  Just looking at the code, it does seem like it is very helpful, but unfortunately for me I only speak one language.

[suhaskp]

Hi,

In UI Builder, you cannot directly call Script Includes like in classic UI. Instead, you should use Data Resources or GlideAjax (via client script).

Recommended Approach (Best Practice):

Use a Script Include + Data Resource (Server Script)

Steps:

1. Create a Script Include:

var GetData = Class.create();

GetData.prototype = Object.extendsObject(AbstractAjaxProcessor, {

    getDetails: function() {

        var gr = new GlideRecord('incident');

        gr.query();

        var result = [];

        while (gr.next()) {

            result.push({

                number: gr.number.toString(),

                short_description: gr.short_description.toString()

            });

        }

        return JSON.stringify(result);

    }

});

1. In UI Builder:
• Add a Data Resource → Server Script
• Call the Script Include
2. Bind the Data Resource to your component

Alternate (Client-side):

Use GlideAjax from a Client Script if needed.

Explanation:

UI Builder follows a data-driven architecture where Data Resources act as the bridge between UI and server logic.

Reference:

https://developer.servicenow.com/dev.do#!/learn/learning-plans/tokyo/ui-builder/app_store_learnv2_ui...

Hope this helps.

Please mark helpful/correct if it worked.