Grille de Kendo pour une grille angulaire à 2/4 blocs pendant le chargement des données

Question

Je voudrais bloquer/désactiver la grille Kendo Angular2/4 lors du chargement d'une donnée.

Quelle est la meilleure approche?

Dans mon composant j'ai une variable isWorking qui est vrai/faux si les données sont le chargement (appel API ajax):

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

La seule option que je trouve, sans utiliser est de masquer/afficher grille en utilisant *ngIf="!isWorking" sur l'élément kendo-grid, mais il est un peu maladroit et pas très convivial.

Answer 1

grille Mettre en <div>

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

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

Version courte:

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