데이터를로드하는 동안 Angular2/4 블록 그리드 용 검도 격자

Question

데이터를로드 할 때 Kendo Angular2/4 Grid를 차단/비활성화하고 싶습니다.

최상의 접근 방법은 무엇입니까?

내가 사용하지 않고, 발견 된 유일한 옵션 숨기는 것입니다

export class GridFilterComponent { public view: Observable<GridDataResult>; public state: State = { skip: 0, take: 10 }; public isWorking = true;

/쇼 : 내 구성 요소에서

나는 데이터 (AJAX API 호출)을로드하는 경우 참/거짓 인 isWorking 변수가 그리드는 kendo-grid 엘리먼트에 *ngIf="!isWorking"을 사용하지만 그리 크고 사용자 친화적이지는 않습니다. <div>

<div [ngClass]="isWorking ? 'gridDisabled': ''"> 
    <kendo-grid [data]="gridData"></kendo-grid> 
</div> 

.gridDisabled{ 
    pointer-events: none; 
    opacity: 0.5; 
} 

짧은 버전

Answer 1

넣고 그리드 :

<div [class.gridDisabled]="isWorking"> 
    <kendo-grid [data]="gridData"></kendo-grid> 
</div>