뷰포트 구성요소를 사용하여 플레이북의 의무 검토 콘텐츠를 동적으로 로드하는 페이지를 UI 빌더 생성합니다.
프로시저
-
다음으로 이동 .
-
경험 탭을 선택합니다.
-
작업 공간을 엽니다.
-
+ 아이콘을 선택하여 새 페이지를 만듭니다.
그림 1. 페이지 및 변형 생성
-
대신 처음부터 새로 생성을 선택하십시오.
-
양식의 이름 필드에 검토 의무 목록을 입력합니다.
URL 경로가 review-obligation-list로 자동 업데이트됩니다.
-
좋아 보기를 선택합니다.
-
나머지 단계를 완료하여 페이지를 만듭니다.
-
페이지에 대한 뷰포트 구성요소를 추가합니다.
-
구성 패널에서 + 추가 를 선택하여 계약 관리 내 Now Assist 페이지 컬렉션을 첨부합니다.
-
추가 된 URL 매개변수를 사용하여 기본 구성 적용을 선택한 다음, 완료를 선택합니다.
-
페이지에 대한 클라이언트 스크립트를 생성합니다.
-
클라이언트 스크립트 옆에 있는 +를 선택합니다.
-
스크립트 이름을 지정합니다.
설명적인 이름은 스크립트가 수행하는 작업을 파악하는 데 도움이 됩니다. 또한 나중에 이벤트 핸들러에 스크립트를 추가할 때 스크립트를 더 쉽게 찾을 수 있습니다.
-
다음 스크립트를 추가합니다.
function handler({api, event, helpers, imports}) {
api.emit("MACROPONENT_VIEWPORT_LOAD_REQUESTED", {
viewportElementId: 'viewport_1',
route: 'review-obligations',
fields: {
'cntrSysId': api.context.props.sysId,
'diTaskSysId': api.context.props.diTaskSysId
},
params: {}
});
}
-
적용을 선택합니다.
-
본문 구성요소를 선택한 다음 페이지 구성 아래에서 이벤트 탭을 선택합니다.
그림 2. 페이지의 이벤트 탭
-
페이지 준비됨 섹션에서 처리기 추가를 선택합니다.
-
10단계에서 만든 클라이언트 스크립트를 선택합니다.
-
계속을 선택합니다.
클라이언트 스크립트는 페이지 준비 이벤트에 바인딩됩니다. 페이지가 로드되면 이 이벤트 핸들러가 자동으로 클라이언트 스크립트를 실행합니다.
- 옵션:
데이터 자원에서 양식 컨트롤러 를 사용할 수 있는 경우 제거합니다.
-
설정의 일반 탭으로 이동하여 필수 매개변수에서 , sysId, 및 diTaskSysId 사용할 수 있는지 확인합니다table.