• 미리 보기 탭에는 구성요소 속성에 설정된 선택 항목에 따라 실시간 데이터가 표시됩니다.
• 케이스 목록 구성요소 인스턴스와 관련된 구성요소 속성에 대한 설명은 다음 문서를 참조하십시오 케이스 목록에 대한 구성요소 속성.

import { init, login, logout, startGuestSession } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';

await init({
    theme: 'fad87d2ca304121029a4d1aed31e610f',  /* sys_id of the theme to use for the embeddable components in your website */
    baseURL: 'https://demo.servicenow.com', /* Base URL of the instance to be used for the embeddable components in your website */
    authCallback: getTokenCallBack, /* Function which returns the auth token for the current user, required for auth setup */
    module: '591800ffc1243610f87714367ed47c6a', /* Demo module */
    pageName: document.title, /* Uses the browser's document title as the page name in User analytics experience */
    guestTokenCallback: getGuestJWTTokenCallBack, /* Function which returns the guest token for the current user, required for guest validation setup */
    cacheComponents: [] /* Pre-caches resources for improved performance. Update component list as per your usage */
});

function getTokenCallBack() {
    var idToken; /* Get the id token for the current user */
    return Promise.resolve(idToken);
}

function getGuestJWTTokenCallBack() {
    var guestToken; /* Get the guest token for the current user */
    return Promise.resolve(guestToken);
}

/* Uncomment below function to handle guest session */
// await startGuestSession();

/* Uncomment below functions to handle login and logout once the user logs into your website */
// await login();
// await logout();

<!--  
    Module: Demo module
    Group: Group 1
    Instance: Case list 1
-->
<sn-embedx-case-list
	table="sn_customerservice_case"
	limit="20"
	list-title="List of Cases"
	query="state=10"
	columns="number,short_description,sys_updated_on,state">
</sn-embedx-case-list>
<!--
 The component also includes the following additional properties:
 hide-header
 hide-last-refreshed-text
 hide-record-count
 hide-search
 hide-refresh
 show-filters
 hide-when-empty
 disable-column-resizing
 hide-errors
 view
-->

<script type="module">
	import { getEmbeddables, setEvents, setProperties } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';
	
	const snEmbedxCaseList = document.querySelector('sn-embedx-case-list');

	getEmbeddables(["sn-embedx-case-list"]);

	const eventHandlers = {
		'SN_EMBEDX_CASE_LIST#RECORD_SELECTED' : (e) => {
			// This event is dispatched when a record is selected.
			var {table, record_sys_id} = e.detail.payload;
			// the logic to construct the URL for the Case View component. Add your portal URL here.
			const caseViewURL = '/caseview?emb_table='+table+'&emb_recordid='+record_sys_id;
			// Redirect to the Case View component page
			open(caseViewURL,'_self');
		},
		'SN_EMBEDX_CASE_LIST#COMPONENT_READY' : (e) => {
			// This event is dispatched when a component is ready and usable.
		},
		'SN_EMBEDX_CASE_LIST#COMPONENT_ERROR' : (e) => {
			// This event is dispatched when a property validation or internal error occurs.
			var {errorMessage, errorType} = e.detail.payload;
			console.log(errorMessage, errorType);
		}
	};

	setEvents(snEmbedxCaseList, eventHandlers);
</script>