outsystems - How to Use the List and ListItem

이 포스팅에서는 목록 및 목록 항목 위젯을 사용하여 화면에 주문 목록을 표시해보겠습니다.

Orders Screen이 생성된 모듈이 이미 있습니다.

 

---

이 화면에는 우선 순위별로 정렬된 모든 주문을 가져오는 Aggreagtes가 이미 생성되어 있습니다.

화면에 목록 위젯을 추가하여 시작하겠습니다.

왼쪽의 도구 상자에서 화면의 콘텐츠 영역으로 List위젯을 드래그 해줍니다.

 

모든 목록 위젯에는 표시할 데이터가 있는 데이터 소스가 있어야 합니다.

엔터티를 직접 선택할 수도 있고 또는 소스를 기존 Aggregate로 수동으로 설정할 수 있습니다. 

소스를 GetOrders.List로 설정해보겠습니다. 

 

이제 목록에 표시할 데이터와 형식을 결정해야 합니다.

위 화면을 보면 알 수 있듯이 일부 데이터를 목록으로 끌어서 정의합니다.

GetOrders의 Description속성을 드래그로 가져오겠습니다.

보시다시피 일부 위젯이 자동으로 생성됩니다.

 

이번에는 List에 DueDate속성을 추가해보겠습니다.

또 List에 다른 위젯을 추가할 수도 있습니다.

DueDate컨테이너의 너비를 줄여서 공간을 절약해보겠습니다.  6col로 줄여보겠습니다.

그런다음 도구상자의 tag위젯을 DueDate속성 옆에 드래그해보겠습니다.

 

이 태그는 주문 우선순위를 표시하므로 여기에 표현식을 추가해보겠습니다.

그리고 표현식의 값을 주문의 우선 순위의 레이블로 설정합니다.

 

한번 Publish하여 확인해보겠습니다.

설명, 기한 및 우선순위가 있는 주문목록입니다.