Custom Widget to show related record on Dashboard

[hvrdhn88]

Show related records on CI dashboard. Reference: https://docs.servicenow.com/bundle/paris-platform-user-interface/page/use/dashboards/task/create_widget_displays_webpage.html

[hvrdhn88]

Widget Script:

function sections() {

    return {

        'Affected CIs': {
            'uiPageName': 'mywidget'
        },

    };

}

function render() {

    var uiPageName = renderer.getPreferences().get("uiPageName");
    return renderer.getRenderedPage(uiPageName);
}

function getEditLink() {
    return "sys_ui_page.do?sysparm_query=name=" + renderer.getPreferences().get("uiPageName");

}

UI Page:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

	<g:evaluate object='true' >

		var url = RP.getReferringURL();
		var rp = /sysparm_record\=(\w{32})/;
		var id = url.match(rp)[1];
		var gr = new GlideRecord('task_ci');
		gr.addQuery('ci_item',id);
		gr.query();

	</g:evaluate>
	<table id="statsTable" class="table table-striped table-bordered hide-query-stats">
		<tr>
			<th>Number</th>
			<th>Short Description</th>
			<th>Configuration Item</th>
		</tr>
		<j:while test="${gr.next()}">

			<tr>
				<td><a target="_blank" href="task_ci.do?sys_id=${gr.getUniqueValue()}">${gr.task.getDisplayValue()}</a></td>
				<td>${gr.task.short_description}</td>
				<td>${gr.ci_item.getDisplayValue()}</td>
			</tr>
		</j:while>
	</table>

</j:jelly>

[Kalpana7]

@hvrdhn88 - thank you for the post, this helped me with my requirement,
but i have doubt can we include pagination in this script, is it possible.

Please advise,

Regards,

Kalpana