UI Builder - Client Script [Need assistance]

Community Alums — Fri, 14 Apr 2023 13:48:23 GMT

Hi All,

Requirement: When a user selects the application in the typeahead component then all the associated delegated developers should be listed in the stylized text or simple list component.

Reference blog: https://developer.servicenow.com/blog.do?p=/post/quebec-ui-builder-client-scripts/

Implementation details

Client state parameter: To hold the encoded query for the delegated developers to be queried from sys_user table

Script Include: To fetch the delegated developers sys_ids from the sys_user table

Client Script: Format the encoded query that needs to be passed in the simple list component or to be displayed in the stylized text for debugging purpose.

Sample one: sys_idIN65ced4221b4ad118728a7669cc4bcb74,25de1c221b4ad118728a7669cc4bcbaa,06c5ce4ddbd3f7004868776b8c96197f

Typeahead: That invokes/executes the client script when a item selected from the typeahead component.

Stylized text component: Has a data binding to the client state parameter.

List - Simple component: has filer property data binding to client state parameter

Test Results

Client state parameter value doesn’t change. Seems client script is not invoked.

Could you please help me with this.

Thanks,

Raghu

Re: UI Builder - Client Script [Need assistance]

Community Alums — Fri, 14 Apr 2023 14:11:19 GMT

@Ankur Bawiskar @Aman Kumar S

Could you please help with this one.

Re: UI Builder - Client Script [Need assistance]

Community Alums — Tue, 18 Apr 2023 06:50:07 GMT

Hi All,

I've logged the logs to the console and then faced below error wrt UI Script Include.

to string methodTypeError: Cannot destructure property 'getScopePermissionSetRoleAssignments' of 'imports.x_iem_xom_ws_manag.GetDelegatedUsers(...)' as it is undefined. in servicenow

Not very sure whether GlideRecord is supported in UI Script Includes or am I using the syntax wrongly for other script statements when specific to UI Script Includes.

Debugging tips in UI Builder (ServiceNow - Now Experience)

UI BUILDER - DATA RESOURCES

So, I removed this client script/script include and created Transform Data Resource.

Passed the client state parameter to the Data Resource:

Update the client state parameter from the typeahead component event handle:

Finally the data resource output is referred in the simple list component.

Magic worked.

Thanks,

Raghu

question UI Builder - Client Script [Need assistance] in Developer forum

UI Builder - Client Script [Need assistance]

Re: UI Builder - Client Script [Need assistance]

Re: UI Builder - Client Script [Need assistance]

Debugging tips in UI Builder (ServiceNow - Now Experience)