DockManagerの各種イベントはaddEventListener()を使用して処理を実装することができます。 例えばペインが閉じたときに発生するイベントpaneCloseはこのようにハンドリングすることができます。 […]
Category: Ignite UI for React
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 を押すことで、選択されたセルの内容をクリ […]
Yarn バージョン 2 以降を使う場合の、プライベート npm フィードの登録方法
Ignite UI for React や Ignite UI for WebComponents などのインフラジスティックス製品の npm パッケージをプロジェクトにインストール可能にするには、インフラジスティックス […]
IgrGrid – 通貨型の列を日本円でカンマ区切りの表示にする
IgrGrid の通貨型 (dataType=”currency”) の IgrColumn で日本円のカンマ区切りの表示にするには、currencyCode = “JPY” […]
IgrDataChart でガントのような見た目を作る方法
この記事の執筆時時点で Ignite UI for React にはガント チャートを作成するコンポーネントはないのですが、IgrDataChart の IgrStackedBarSeries を使用し、開始日までのフラ […]
IgrGrid および IgrPagenator – 日本語にローカライズする
IgrGrid 本体の日本語化 IgrGrid には備え付けのフィルター機能がありますが、そのフィルター機能の表示は、デフォルトでは英語表記となっています (下図は IgrGrid の filterMode パラメーター […]
IgrDataChartのグラフの端でマーカーが見切れないようにする
IgrDataChartのデータポイントがグラフの端にある場合、マーカーが見切れてしまうことがあります。その場合はcomputedPlotAreaMarginModeプロパティを「Series」と設定すると、プロットエリ […]