データをロード中にAngular2/4ブロックグリッド用の剣道グリッド

Question

データロード時に剣道Angular2/4グリッドをブロック/無効にしたいと思います。

最良のアプローチは何ですか？

私は使用せず、見つけた唯一のオプションは非表示にすることである

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

/ショー：私のコンポーネントで

私は、データを（AJAX APIコール）をロードしている場合はfalse/trueのisWorking変数を持っていますグリッドは要素の*ngIf="!isWorking"を使用していますが、それはちょっとしたもので、あまりユーザーフレンドリーではありません。

Answer 1

入れグリッド<div>

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

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

でショートバージョン：

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