IgrGrid では、行の削除アクションが確定する直前に rowDelete イベントが発生します。このイベントのハンドラーで確認ダイアログを表示し、ユーザーが取り消しを選んだ場合に args.detail.cancel […]
Articles Tagged: IgrGrid
IgrGrid – グリッドの列を動的に表示・非表示したい
IgrGrid を使用して、ボタン操作などからグリッドの列を動的に表示・非表示する方法について解説します。 IgrGrid の設定 まず、IgrGrid を使用してデータを表示する準備をします。React.useRef […]
IgrGrid – プログラムによってフィルターを実行する
IgrGrid では allowFiltering プロパティを true に設定することにより、フィルター機能が有効になります。 赤枠で示されるフィルター行を使用し、ユーザー入力によりグリッドをフィルタリングできます。 […]
IgrGrid の date 列で使用されるポップアップカレンダーを日本語表示にする
IgrGridの日付タイプのセルで表示されるポップアップカレンダー (日付ピッカー) はデフォルトで英語表記となっています。 カレンダーを日本語で表示するには、日本語情報を持つ “ja” ロケール […]
IgrGrid でテンプレート機能を使用する
IgrGrid ではテンプレート機能を使用してセルにカスタムの要素を配置することができます。セルが非編集時に使用されるのがセルテンプレート( bodyTemplate )、編集モード時に使用されるのがセル編集テンプレート […]
IgrGrid で条件付きの行選択機能を実装する
IgrGrid では rowSelection プロパティより行選択機能を有効にすることができます。既定の行選択機能を使用しつつ、RowSelectionChanging イベントを使用して特定の行の選択が行われないよう […]
IgrGrid – 行ごとに編集や削除を制御する方法
IgrGrid では、IgrGridEditingActions によって行をホバーした際に編集や削除のボタンが表示され、操作が可能です。本記事では、サンプルデータに「編集可否」「削除可否」を持たせ、行ごとに 編集ボタン […]
IgrGrid – 非表示列を含めて Excel にエクスポートする
IgrGrid では Excel へのエクスポート時に規定の設定では非表示列が除外されます。非表示列も含めて Excel へエクスポートするには、IgrGridToolbarExporter の onExportStar […]
IgrGrid – 特定の条件でセル編集を制御したい
IgrGrid を使用して特定の条件に基づいてセルの編集を制御する方法について説明します。例として、下図のように “Editable” の値が “false” の R […]
IgrGrid – エクスポートファイル名を指定したい
この記事では、エクスポートの開始時にファイル名をユーザー入力で設定する方法を紹介します。 IgrGrid の設定 IgrGridToolbarExporter のonExportStartedイベントをバインドすることで […]