2016-09-21 13 views
0

私は大量のデータ(1M〜5M)で作業しています。グリッド内の行は、グループ化可能、ソート可能、フィルタ可能でなければなりません。 ag-gridはテーブルにデータをすばやく投入できるため、メモリ内の行モデルを使用して要件を満たします。グリッド(純粋なJS)で長時間処理を処理する

ただし、この列ですべての行を並べ替えるためにcolumnをクリックすると、この処理に時間がかかります。さらに、行がまだソートされている間に列を連続してクリックすると、ブラウザアプリケーションと同様にグリッドがクラッシュする可能性があります。

ユーザーが列をクリックしないようにする方法はありますか(並べ替えを無効にする、オーバーレイの読み込みを表示するなど)?

beforeSortChangedイベントハンドラとafterSortChangedイベントを使用してオーバーレイを表示しようとしています(グリッドを少し灰色にして円を表示するようにしました)が、正しく動作しません。beforeSortChangedイベントハンドラ瞬間だけ実行されます。

Ag-グリッドは、Emberフレームワーク内でコンポーネントとして使用されます。

+0

実際、ソートは短時間で完了したようですが、ag-gridはWebページを強制的に更新するビューを更新します。 –

答えて

0

columnDefsの属性であるonCellClickedの使用はどうですか? beforeSortChangedで探しているのと同じように動作するはずです。

+0

ありがとうございます。私はこの方法を試しましたが、列ヘッダーをクリックするとイベントがトリガーされません。 –

+0

ああ、私はそれを働かせることができなかったのも不思議ではない、ハハ。その場合、[headerCellTemplate](https://www.ag-grid.com/javascript-grid-header-rendering/index.php)を使用して、そこにonclickイベントを入れて、ヘッダがクリックされたときにトリガすることができます。私はこれを使ってアイコンをカスタマイズし、ピンニングを切り替えます。 –

+0

これは動作しますが、同じ問題です。ソートが完了するのを待つ必要があり、ハンドラが実行されるだけです。 –

関連する問題