Ignite UI for React

IgrGrid – navigateTo メソッドを利用して、スクロール位置を動的に変更する

IgrGrid でnavigateToメソッドを使用して、グリッドのスクロール位置を動的に変更する方法について説明します。グリッドの参照を作成する useRefフックを使用して、グリッドの参照を作成します。これにより、 […]

IgrGrid でフィルターを適用した後のデータを取得する方法について説明します。グリッドの参照を作成する useRefフックを使用して、グリッドの参照を作成します。これにより、グリッドのインスタンスにアクセスできるよ […]

DockManagerの各種イベントはaddEventListener()を使用して処理を実装することができます。例えばペインが閉じたときに発生するイベントpaneCloseはこのようにハンドリングすることができます。 […]

下図のように IgrGrid では、通常、編集中のセルで変更を加えた後、他のセルをクリックすると、自動的に変更内容が確定（コミット）されます。本記事では、IgrGrid のcellEditイベントを利用して、編集中のセル […]

IgrGrid において、bodyTemplateを利用し、ツールチップを表示する方法について説明します。これにより、各セルに対して詳細情報をツールチップとして表示することができます。 bodyTemplate を使用す […]

Ignite UI for React が提供するグリッドコンポーネント、IgrGrid について、そのセル内にハイパーリンクを配置したい場合は、セル内のレンダリング内容を完全にカスタマイズできるbodyTemplate […]

Ignite UI for React のグリッドコンポーネント、IgrGrid では、セルを選択した状態で、キーボードから Ctrl + C または ⌘ Command + C を押すことで、選択されたセルの内容をクリ […]

Ignite UI for React や Ignite UI for WebComponents などのインフラジスティックス製品の npm パッケージをプロジェクトにインストール可能にするには、インフラジスティックス […]

IgrGrid の通貨型 (dataType=”currency”) の IgrColumn で日本円のカンマ区切りの表示にするには、currencyCode = “JPY&#8221 […]

この記事の執筆時時点で Ignite UI for React にはガントチャートを作成するコンポーネントはないのですが、IgrDataChart の IgrStackedBarSeries を使用し、開始日までのフラ […]