ag-gridのLoadingオーバーレイをカスタマイズ。

ag-gridのLoadingオーバーレイをカスタマイズ。

ag-gridのデフォルトはLoadingと文字が表示されますが、今回は簡単に簡単なLoadingを実装する。で紹介したepic-spinnersを利用してみます。

Loadingオーバーレイ コンポーネント

epic-spinnerのコンポーネントを中央に表示します。

Loading.vue

使用する。

使用するには、loadingOverlayComponentFrameworkに作成したコンポーネントを指定するだけです。
また、Loadingの表示非表示は、grid-apiのshowLoadingOverlay,hideOverlayを利用する必要があります。

以下は、データ更新ボタンを押下した際に、作成したLodingオーバーレイを表示する例です。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA