플라이아웃 메뉴를 사용하여 우선순위에 따라 기록 필터링
우선순위를 기준으로 작업 기록 목록을 필터링하는 플라이아웃 메뉴를 구성합니다.
시작하기 전에
필요한 역할: ui_builder_admin
이 절차는 구성요소를 사용하여 UI 빌더 동적인 대화형 레이아웃을 만듭니다. 구성요소를 구성하는 방법에 대한 자세한 내용은 다음을 참조하십시오.
프로시저
- 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
-
선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성 > 경험.
경험 생성에 대한 자세한 내용은 다음을 참조하십시오 UI 빌더에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 .
-
처음부터 페이지를 생성합니다.
페이지를 생성하는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 생성을 참조하세요.
- 스테이지 또는 콘텐츠 트리에서 콘텐츠 추가 를 선택하여 도구 상자를 연 다음 페이지에 기록 목록 구성요소를 추가합니다.
-
데이터 및 스크립트 패널에서 기록 목록 구성요소로 자동 생성된 목록 컨트롤러 데이터 자원을 선택합니다.
- 테이블을 작업으로 설정합니다.
- 기록 카운트 제한을 25로 설정합니다.
- 반환된 필드에서 목록에 표시할 필드를 추가합니다(이 예에서는 번호, 간단한 설명, 우선순위 및 상태 추가).
- 데이터 및 스크립트 패널에서 클라이언트 상태 매개변수를 선택한 다음 추가를 선택합니다.
-
클라이언트 상태 매개변수를 구성합니다.
- 이름을priorityFilter로 설정합니다.
- 유형을JSON으로 설정합니다.
- 페이지 로드 시 모든 작업 기록이 표시되도록 초기 값을["1","2","3","4","5"] 로 설정합니다.
- 목록 컨트롤러 데이터 자원을 다시 선택한 다음 고정 필터 편집을 선택합니다.
-
필터 조건을 구성합니다.
-
첫 번째 필드를
우선순위로 설정합니다. -
연산자를 is
one of로 설정합니다. -
세 번째 필드 위에 마우스를 대고 데이터 바인딩 아이콘
을 선택합니다.
-
데이터 바인딩 모달에서 클라이언트 상태를 선택한 다음
priorityFilter알약을 두 번 클릭하거나 끌어서 위 영역으로 이동합니다. - 적용을 선택하여 바인딩을 확인합니다.
- 적용을 선택하여 조건을 저장합니다.
-
첫 번째 필드를
-
플라이아웃 메뉴 구성요소를 추가하고 구성합니다.
-
콘텐츠 트리에서 기록 목록 위에 마우스를 대고 구성 아이콘
을 선택합니다.
- 이전에 추가를 선택합니다.
- 플라이아웃 메뉴를 검색하고 도구 상자에서 선택한 다음 추가를 선택합니다.
- 구성 패널에서 목록 항목 위에 마우스를 대고 편집을 선택합니다.
-
모드를JSON으로 설정하고 기존 코드를 다음 배열로 바꿉니다.
[ {"id": "1", "label": "1 - Critical"}, {"id": "2", "label": "2 - High"}, {"id": "3", "label": "3 - Moderate"}, {"id": "4", "label": "4 - Low"}, {"id": "5", "label": "5 - Planning"} ] - 적용을 선택합니다.
-
콘텐츠 트리에서 기록 목록 위에 마우스를 대고 구성 아이콘
- 콘텐츠 트리의 플라이아웃 메뉴에서트리거 슬롯을 찾아 콘텐츠 추가를 선택합니다.
-
도구 상자에서 버튼을 추가합니다.
이 버튼을 클릭하면 플라이아웃 메뉴가 열립니다.
-
사용자가 항목을 선택할 때 목록을 업데이트하고 데이터 자원을 새로 고치도록 플라이아웃 메뉴를 구성합니다.
- 구성 패널에서 이벤트 탭을 선택합니다.
- 플라이아웃 메뉴에서 선택한 항목 세트에서 처리기 추가를 선택합니다.
- 클라이언트 상태 매개 변수 설정 처리기를 선택한 다음, 계속을 선택합니다.
-
다음 속성을 설정합니다.
필드 동작 클라이언트 상태 매개변수 이름 목록에서 priorityFilter 를 선택합니다. 이벤트를 트리거한 후 사용할 값 - 필드 위에 마우스를 대고 데이터 바인딩 아이콘을
선택합니다.
- 데이터 유형을 선택한 다음 이벤트 페이로드를 선택합니다.
- 알약 뷰에서 값 알약을 두 번 클릭하거나 끌어서 위 영역으로 이동합니다.
- 적용을 선택하여 바인딩을 확인합니다.
- 추가를 선택합니다.
- 필드 위에 마우스를 대고 데이터 바인딩 아이콘을
- 구성 패널의 이벤트 탭에서 이전 단계에서 추가한 이벤트 아래에 있는 핸들러 추가 를 선택합니다.
-
목록 컨트롤러를 찾아 새로 고침 처리기를 선택한 다음 계속을 선택합니다.
- 추가를 선택합니다.
- 저장을 선택합니다.
-
페이지를 미리 보고 테스트합니다.