양식 스크립트를 위젯으로 교체 서비스 카탈로그

위젯을 사용하여 서비스 포털 UI 매크로를 대체할 수 있습니다. 양식에 서비스 카탈로그 양식의 다른 필드나 변수를 참조하는 UI 매크로가 포함되어 있으면 다시 사용할 수 있는 코드를 보관하는 위젯을 만들어 양식 내에 서비스 카탈로그 포함할 수 있습니다. 특수 구문을 사용하여 양식의 변수 필드에 액세스합니다.

시작하기 전에

필요한 역할: admin 또는 sp_admin

프로시저

1. 카탈로그 항목 양식에서 사용할 동작을 수행하는 위젯을 만듭니다.
   양식의 다른 변수에 액세스하는 간단한 예제 위젯은 7단계를 참조하십시오.
2. 에서 지원되지 서비스 포털않는 UI 매크로 또는 기타 재사용 가능 구성요소를 이전에 사용한 카탈로그 항목을 엽니다.
3. 관련 목록에서 카탈로그 항목에 새 변수를 추가합니다.
4. 위젯 필드를 추가하도록 변수 양식을 구성합니다.
5. Type( 유형 ) 필드에서 Macro(매크로)를 선택합니다.
6. 위젯 필드에서 원하는 작업을 수행하는 위젯을 선택합니다.
7. 옵션: 포함된 위젯에서 $scope.page.g_form() 또는 $scope.page.field 구문을 사용하여 카탈로그 항목 값에 액세스합니다.
   이 예는 카탈로그 항목과 연결된 이름 color 를 사용하여 한 줄 텍스트 변수의 값을 수정하는 방법을 보여줍니다.

   위젯 HTML 템플릿

   <div>  
     Data from catalog variable:  
     <h1>{{ c.data.message }}</h1>  
   </div>

   위젯 클라이언트 스크립트

   function($scope) {  
        var c = this;  
     
        //Watch for changes in the color variable  
        $scope.$watch(function () {  
             return $scope.page.g_form.getValue('color');  
        }, function (value) {  
        //Update local data object with data from variable  
        c.data.message = value ? 'Content of color variable: ' + value : '';  
   });  
   }  

   다음을 사용하여 변수 또는 카탈로그 항목 필드에 액세스할 수 있습니다.

   • $scope.page.g_form(): 양식의 g_form 인스턴스입니다. 에 Service Portal 및 클라이언트 스크립트설명된 지원되는 모든 g_form 메서드를 사용할 수 있습니다. 예를 들면 g_form.setValue('variable_name', 'new value');와 같습니다.
   • $scope.page.field(): 변수를 나타내는 객체입니다.
   에서 서비스 포털카탈로그 항목을 열면 포함된 위젯이 카탈로그 항목과 연결된 변수 필드에 액세스합니다.