ユーザーがペインを閉じる際にキャンセル処理を実装する方法を解説します。本記事では、閉じるボタンを押下した際に確認ダイアログを表示し、ペインを閉じるかどうかをユーザーが決定できるようにする手順を紹介します。 paneClo […]
Category: Ignite UI for React
IgrGrid – 行をクリックしても選択したくない
IgrGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 se […]
IgrGrid – セルに罫線を引く方法
IgrGrid のセルに罫線を引きたい場合は、CSS で各 DOM 要素に border の設定をしてください。 実行結果 サンプルプログラムのダウンロード GitHub リポジトリはこちら
IgrGrid – navigateTo メソッドを利用して、スクロール位置を動的に変更する
IgrGrid でnavigateToメソッドを使用して、グリッドのスクロール位置を動的に変更する方法について説明します。 グリッドの参照を作成する useRefフックを使用して、グリッドの参照を作成します。これにより、 […]
IgrGrid – フィルター後のデータを取得したい
IgrGrid でフィルターを適用した後のデータを取得する方法について説明します。 グリッドの参照を作成する useRefフックを使用して、グリッドの参照を作成します。これにより、グリッドのインスタンスにアクセスできるよ […]
React DockManager – ペインが閉じたイベントを検知する
DockManagerの各種イベントはaddEventListener()を使用して処理を実装することができます。 例えばペインが閉じたときに発生するイベントpaneCloseはこのようにハンドリングすることができます。 […]
IgrGrid – 編集中に他のセルをクリックしても編集をコミットしたくない
下図のように IgrGrid では、通常、編集中のセルで変更を加えた後、他のセルをクリックすると、自動的に変更内容が確定(コミット)されます。本記事では、IgrGrid のcellEditイベントを利用して、編集中のセル […]
IgrGrid – セルのツールチップ内容をカスタマイズしたい
IgrGrid において、bodyTemplateを利用し、ツールチップを表示する方法について説明します。これにより、各セルに対して詳細情報をツールチップとして表示することができます。 bodyTemplate を使用す […]
IgrGrid – セル内にハイパーリンク (a タグ) を配置する方法
Ignite UI for React が提供するグリッドコンポーネント、IgrGrid について、そのセル内にハイパーリンクを配置したい場合は、セル内のレンダリング内容を完全にカスタマイズできるbodyTemplate […]
IgrGrid – クリップボードへのコピー時に列ヘッダを含めない
Ignite UI for React のグリッドコンポーネント、IgrGrid では、セルを選択した状態で、キーボードから Ctrl + C または ⌘ Command + C を押すことで、選択されたセルの内容をクリ […]