페이지 매김 위젯이 있는 그리드 사용
그리드 위젯은 바인딩된 인포테이블의 모든 데이터를 단일 페이지에 표시합니다. 행의 수와 크기가 화면에서 사용 가능한 공간보다 큰 경우 스크롤 막대가 표시됩니다. 데이터 행을 여러 페이지에 걸쳐 분할하여 그리드 데이터의 페이지를 매길 수 있습니다. 이렇게 하면 사용자가 큰 데이터 집합의 특정 부분을 더 쉽게 탐색할 수 있습니다. 데이터의 페이지를 매기려면 페이지 매김 서비스를 생성하고, 페이지 매김 위젯을 추가한 다음 페이지 매김 위젯, 그리드 위젯 및 서비스 간 바인딩을 생성해야 합니다. 다음 절차에서는 페이지 매김 위젯 사용에 대한 일반적인 단계를 간략하게 설명합니다. 페이지 매김 서비스 생성에 대한 자세한 내용은
페이지 매김 데이터 서비스 생성을 참조하십시오.
1. 위젯 패널을 연 다음 페이지 매김 위젯을 캔버스의 컨테이너로 끕니다.
2. 데이터 패널에서 페이지가 매겨진 데이터를 반환하는 데이터 서비스를 추가합니다.
서비스는 다음 값을 포함해야 합니다.
◦ 데이터 집합 내 총 결과 수
◦ 각 페이지에 표시할 행 수
◦ 현재 페이지 번호
3. 페이지 매김 데이터 서비스의 All Data속성을 그리드 위젯 Data 속성에 바인딩합니다.
4. 다음 이벤트를 데이터 패널의 페이지 매김 데이터 서비스에 바인딩합니다.
◦ 매쉬업의 Loaded 이벤트 - 매쉬업이 초기화될 때 서비스를 실행합니다.
◦ 그리드의 Filter 이벤트 - 필터 상자 또는 데이터 필터 위젯을 사용하여 데이터를 필터링할 때 서비스를 실행합니다.
◦ 페이지 매김 위젯의 PageNumberChanged 이벤트 - 현재 페이지 번호가 변경될 때 서비스를 실행합니다.
5. 페이지 매김 위젯 PageNumber, PageSize 및 ResultsNumber 속성을 페이지 매김 데이터 서비스에 대한 입력 매개 변수로 바인딩합니다.
6. 저장을 클릭한 다음 매쉬업을 봅니다.
런타임에 그리드 데이터의 페이지가 매겨집니다.
페이지를 변경할 때 선택한 행 유지
기본적으로 페이지가 매겨진 그리드에서 페이지가 변경될 때 SelectedRows 속성에 저장된 선택된 행은 유지되지 않습니다. ThingWorx 9.3.6 이상에서는 선택한 행의 ID가 SelectedRowsIDs 인포테이블 속성에 저장됩니다. 페이지 간을 이동할 때 속성 값이 유지됩니다. 선택한 행의 ID를 데이터 서비스로 전달하는 아웃 바인딩을 만들거나, 빈 인포테이블을 속성에 전달하여 선택 항목을 재설정하는 바인딩을 만들 수 있습니다.