Kendo Grid for Angular2/4 - 在加載數據時阻止網格

Question

我想在加載數據時阻止/禁用Kendo Angular2/4網格。

什麼是最好的方法？

在我的部分，我有一個isWorking變量，如果數據被加載（AJAX API調用），這是真/假：

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

我發現，不使用唯一的選擇是隱藏/顯示網格在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>