Categories:
  1. Service Portal Introduction
  2. Service Portal Training Content
  3. Service Portal Object
  4. Portal Backend Structure
  5. Portal Module & Element
  6. Service Portal Configuration
  7. Build a new Portal
  8. Create Header Menu
  9. Data Preview from Server Side to HTML
  10. HTML Basic
  11. Get Incident Data & Show in a table
  12. Call HTML to Client Script
  13. Call Server Side Script for Action
  14. ServiceNow OOB Widget Provide for Portal
  15. Javascript popup VS SPModal
  16. spUtil – Client Dependency Service Portal
  17. Widget Embedded
  18. Send data from one widget to another
  19. GlideSPScriptable API on Server Side
  20. Angular Template
  21. $location, $timeout, $uibModal & $watch Services
  22. Use HTTP Service or REST Call on ServicePortal
  23. Angular Directive & Angular Filter
  24. Create a custom list widget with pagination, order, and filter
  25. ServiceNow Custom Component(Reference & Date Fields) in Service Portal
  26. Localization
  27. Create Own Theme
  28. Angular Provider & Dependency
  29. Service Portal Additional Details

Create Reference Field in Service Portal using ServiceNow predefine directive

HTML Code:

<sn-record-picker field=" nameGroup " table="sys_user'" display-field="'name'" value-field="'sys_id'" search-fields="'name'" page-size="100" multiple="true">

Client Script:

$scope.nameGroup={"name":"nameGroup"};
$scope.$on("field.change", function(evt, parms) {
	if(parms.field.name=='nameGroup'){
		$scope.modal.nameGroup=parms.field.value;
	});

Create Date Picker in ServicePortal using predefine directive

<sp-date-picker field="fromdate" ng-model="c.userInputDate" sn-change=""></sp-date-picker>
$scope.fromdate = {
		displayValue: '',
		value: '',
		name: 'fromdate'
	};

Read or Interact with Catalog Item from Widget

$scope.page.g_form.setValue('terminated_user', c.data.user.value);

Service Catalog Field value changes event

$rootScope.$on("field.change", function(evt,parms){
		var field = parms.field.name;
		if(field == 'mrvs_container'){
			$scope.displayData = JSON.parse($scope.page.g_form.getValue('mrvs_container'));
			$scope.$apply();
		}
	});

Total Views: 1358

No responses yet

Leave a Reply

Your email address will not be published. Required fields are marked *