모달에서 구성요소 렌더링

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기1분
  • UI 작업을 사용하면 에이전트가 작업을 완료하기 위해 다른 화면으로 이동할 필요가 없도록 모달에서 사용자 지정 구성요소를 시작할 수 있습니다.

    시작하기 전에

    필요한 역할: workspace_admin

    이 태스크 정보

    에이전트가 현재 화면에서 나갈 필요가 없도록 모달에서 사용자 지정 구성요소를 시작합니다. 예를 들어, 에이전트가 호출자에게 신원 확인을 요청할 수 있도록 공개 기록에 이름이 지정된 고객에 대한 연락처 정보를 포함하는 모달을 시작할 수 있습니다. 다음 예제에서는 모달의 목록을 보여 줍니다.

    모달의 목록

    프로시저

    1. 사용자 지정 구성요소를 개발하고 인스턴스에 배포합니다.
      자세한 내용은 사용자 지정 구성요소을 참조하십시오.
    2. 등록된 스크립팅 모달에서 항목을 작성합니다.
      1. 필터 탐색기에서 sys_aw_registered_scripting_modal.list 클릭하여 해당 테이블을 엽니다.
      2. 새로 만들기를 클릭합니다.
      3. 검색 아이콘( search 아이콘)을 사용하여 구성요소를 선택합니다. 이 경우 sn-workspace-header를 사용합니다.
      4. API의 이름(이 경우 showHeader)을 입력합니다.
      5. 공용 API 가 자동으로 채워짐:
        등록 모달
      6. 저장을 클릭합니다.
    3. UI 작업을 작성하여 구성요소를 모달로 렌더링합니다.
      1. 해당 테이블에 대한 새 UI 작업을 생성하고 작업 공간 탭에서 UI 작업을 표시할 방법과 위치에 따라 작업 공간 양식 버튼 또는 작업 공간 메뉴 버튼을 선택합니다.

        UI 작업 생성에 대한 자세한 내용은 다음 문서를 참조하십시오 에서 사용자 지정 UI 작업 설정 Legacy Workspace.

        작업 공간 양식 버튼 또는 메뉴

        확인란 중 하나를 선택하면 작업 공간 클라이언트 스크립트 텍스트 상자가 나타납니다.
      2. 작업 공간 클라이언트 스크립트 텍스트 상자에 다음 코드를 입력합니다.
        function onClick(g_form) {
          g_modal.global.showHeader({
            title: 'Test custom modal',
            confirmTitle:'YES',
            params: {
              primaryValue: 'THIS IS A PRIMARY VALUE',
              secondaryItems:{}
            }
          }).then(function(result){
            alert('confirm:'+result);
          }, function(error) {
            alert('cancel:'+error);
          });
        }
    4. 이제 이 UI 작업을 생성할 때 선택한 테이블에서 기록을 작업 공간 열어 UI 작업을 테스트합니다.
      UI 작업이 양식 창에 나타나야 합니다.