Table set properties 및 Table update properties 블록은 테이블을 디자인하는 데 사용됩니다.
언뜻보기에이 두 블록은 같은 것처럼 보입니다. 차이점은 작동 방식에 있습니다.
Table Set Properties 블록은 현재 설정을 완전히 변경합니다. 입력 필드를 하나만 설정해도 모든 필드가 변경됩니다. 그들은 비어있을 것입니다. Table Update Properties 블록은 지정된 필드만 변경하므로 테이블 설정을 부분적으로만 변경하려는 경우에 좋은 솔루션입니다.
테이블에 적용할 수 있는 디스플레이 설정의 종류를 살펴보겠습니다.
설정은 Table set properties 및 Table update properties 블록의 입력 필드를 사용하여 설정됩니다. 다음 필드가 있습니다.
- Component ID – 변경 사항을 적용할 테이블을 결정합니다.
- 표의 Title
- Style – 테이블의 행 크기를 조정합니다.
- Pagination - 다중 페이지 테이블을 담당합니다. 과부하가 걸리지 않도록 많은 수의 항목이 있는 테이블에서 사용할 수 있습니다.
- Bordered - 테이블의 경계선;
- Visible – 테이블을 표시하거나 숨깁니다.
- Loading – 로딩 상태; 이 옵션은 사용자에게 테이블에 변경 사항이 있음을 보여줍니다.
다음 설정은 pagination 이 활성화된 경우에만 작동합니다.
- Current page – 표시할 테이블의 페이지 선택.
- Records for page 당 레코드 수
- Total records – 테이블의 총 레코드 수입니다.
실제 예
"Task" 모델에 대한 간단한 테이블을 사용하겠습니다.
데이터는 onShow 트리거를 사용하여 데이터베이스에서 테이블로 로드되었습니다. 먼저 디스플레이 설정을 지정해 보겠습니다. 이를 위해 Table set properties 블록을 사용합니다.
Component ID 에서 필요한 테이블을 선택합니다.
Title 에 테이블 이름을 제공하십시오 – To Do List.
Style 설정 - 중간.
Pagination.
Bordered 를 켭니다.
Visible 을 켜야 합니다. 그렇지 않으면 테이블이 표시되지 않습니다.
Loading.
첫 페이지를 보려면 Current page 를 1로 설정하십시오.
Records for page 5개로 제한됩니다.
예를 들어 Total records 는 10으로 설정됩니다.
이제 모든 설정을 저장할 수 있습니다.
Loading 에 대한 추가 정보
테이블은 필요한 형식을 취했습니다. 남아있는 것은 로딩 상태가 사라지지 않는다는 것입니다. 쉽게 고칠 수 있습니다. 이렇게 하려면 loading. 로드 상태는 데이터가 테이블에 로드될 때 나타나고 프로세스가 완료되면 사라집니다.
따라서 데이터 로드 BP가 완료된 후 테이블의 속성을 변경하는 비즈니스 프로세스가 필요합니다.
데이터 로드 블록은 Table update data 블록으로 끝나고 테이블이 업데이트된 후 실행될 onDataUpdate 트리거가 있습니다.
새 BP를 할당하십시오. Table update properties 블록을 사용하여 한 필드만 변경하고 로드를 끕니다.
모든 변경 사항을 저장할 수 있으며 필요에 따라 테이블이 표시됩니다.
onFilter 트리거
onFilter 트리거를 자세히 살펴보겠습니다. 테이블의 페이지를 통해 전환이 있을 때 페이지 매김이 활성화된 경우에만 작동합니다. 여기에는 두 개의 추가 필드가 있습니다.
- _limit – 페이지 매김이 트리거될 때 테이블에 표시되는 레코드 수를 전송합니다.
- _offset – 처리를 시작할 레코드를 지정합니다.
onFilter 트리거가 어떻게 작동하는지 보여주기 위해 BP를 설정해봅시다.
onFilter 트리거는 다중 페이지 테이블(페이지 매김)에서 한 페이지에서 다른 페이지로 전환될 때 작동합니다.
각각 5개의 레코드가 있는 3개의 페이지가 있는 테이블을 가정해 보겠습니다.
인터페이스의 onFilter 필드에서 데이터를 표시할 BP를 만듭니다.
이렇게 하려면 to string 블록을 사용하여 _limit 및 _offset 필드를 변환하고 결과를 notification 블록에 전달합니다.
첫 번째 페이지에서 두 번째 페이지로 이동하면 _limit - 5 및 _offset - 5라는 두 가지 메시지가 나타납니다. 이는 테이블의 이전 페이지 (_limit), 에 5개의 레코드가 있었고 이제 테이블이 다음으로 시작하는 레코드를 처리하고 있음을 의미합니다. 다섯 번째 (_offset) . 세 번째 페이지로 이동하면 _limit - 5(이전 페이지에도 5개의 레코드가 있기 때문에) 및 _offset - 10(테이블이 10부터 시작하는 레코드를 처리하기 때문에) 메시지가 표시됩니다.
onRowClick 및 onRowDoubleClick triggers.
onRowClick 및 onRowDoubleClick 트리거를 살펴보겠습니다. 행을 클릭하거나 두 번 클릭할 때 작동합니다. 이러한 트리거에는 클릭한 레코드의 ID를 저장하는 Record ID 필드가 있습니다. 연결된 테이블을 만들고 계층 구조를 만드는 데 유용합니다.
이 트리거가 어떻게 작동하는지 보여주기 위해 사용자가 클릭한 줄의 번호를 표시할 BP를 설정해 보겠습니다.
To string 및 Notification 블록이 필요합니다. To string 에서 Record ID 필드의 값을 전달합니다. 그리고 변환 후 결과 값을 Notification 블록의 제목 필드에 전달합니다.
