Barista: 테이블: empty-state와 loading-distractor는 동시에 표시되어서는 안 됩니다.

에 만든 2020년 10월 27일 · 4코멘트 · 출처: dynatrace-oss/barista

기능 요청

요약

empty-state와 loading-distractor는 테이블에서 동시에 볼 수 있습니다.
로드하는 동안 일반적으로 빈 상태가 적용되지 않기 때문에 이것은 혼란스럽습니다.

기능 설명

테이블에 대해 empty-state와 loading-distractor를 정의하고 테이블이 로드 중이라면,
빈 상태는 로딩 분산기 아래에서 볼 수 있습니다.

이는 빈 상태가 일반적으로 호출 유도 문안(필터, 시간 프레임 또는 이와 유사한 것)을 가지고 있기 때문에 혼란스럽습니다. 이는 여전히 로드하는 동안 적용되지 않습니다(사용자는 로드가 완료될 때까지 기다려야 데이터를 볼 수 있습니다). .
따라서 테이블이 로드 상태에 있는 동안에는 빈 상태를 표시하지 않는 것이 좋습니다.

현재 동작을 보여주는 작은 예는 https://stackblitz.com/edit/github-dxktnh 를 참조

첨부 파일

feature help wanted

출처

christian-fischer

모든 4 댓글

안녕하세요 @christian-fischer이며 요청에 감사드립니다.
이것은 테이블에 좋은 추가 사항이 될 것입니다. 이 기능을 기꺼이 제공하시겠습니까? 나는 빈 상태에 대한 ng-container 대한 *ngIf 지시문이 트릭을 수행해야 한다고 가정합니다.

https://github.com/dynatrace-oss/barista/blob/9963c82fe4676356dc4ea32f33f1a92a41c382ea/libs/barista-components/table/src/table.html#L6 -L10

그렇지 않으면 빈 상태도 표시해야 하는 경우 로드 상태의 setter를 확인해야 합니다. 이는 올바른 상태를 처리하는 측면에서 약간 까다로울 수 있습니다.

https://github.com/dynatrace-oss/barista/blob/9963c82fe4676356dc4ea32f33f1a92a41c382ea/libs/barista-components/table/src/table.ts#L99 -L105

tomheller 에 2020년 10월 28일

@tomheller 예, 그것은 저에게 충분히 간단하고 간단해 보입니다 ;)
올바른 방향으로 안내해 주셔서 감사합니다. 이에 대한 홍보를 준비하겠습니다....

christian-fischer 에 2020년 10월 28일

👍1

부분적으로 이것은 #287과도 관련이 있다고 생각합니다.

christian-fischer 에 2020년 10월 28일

👍1

움직이는

ffriedl89 에 2020년 11월 03일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

dt-tree-table-toggle-cell에 대한 토글 이벤트 핸들러 제공

Sherif-Elhefnawy · 3코멘트

차트 히트 파일/선택 영역 및 ContextDialog 상호 작용의 불일치

Sherif-Elhefnawy · 7코멘트

연결된 상자 구성 요소

schobocop · 13코멘트

[필터 필드] 첫 번째 항목이 항상 선택된 것 같습니다.

schobocop · 10코멘트

[빠른 필터] 활성 [필터]를 프로그래밍 방식으로 추가하면 ExpressionChangedAfterItHasBeenCheckedError가 발생하고 핸들러가 실행되지 않습니다.

areknow · 12코멘트