Premium

React Grid クリップボードの概要

クリップボードへのコピー操作が IgrGrid で可能になりました。この機能は、現在の複数セルデータ選択を通して React IgrGrid のデータをすばやくコピーするための簡単でカスタマイズ可能な方法を提供します。システムクリップボードの動作により、ユーザーは IgrGrid から Excel または他の外部プログラムにデータをコピーできます。

React Grid クリップボードの例

機能

コピー動作は、ブラウザーとオペレーティングシステムで定義されているデフォルトのインタラクションで動作します。以下は、コピー＆ペースト動作の場合です。

Windows または Unix
- キーボードショートカット: CTRL + C / CTRL + Ins
- キーボードショートカット: CTRL + V / SHIFT + Ins
- ブラウザーメニューからのコピー操作
macOS
- キーボードショートカット: CMD + C
- キーボードショートカット: CMD + V
- ブラウザーメニューからのコピー操作

制限

カットとコピーの両方のイベントは、Internet Explorer では本来サポートされていません。paste イベント (IE 11) は発生されますが、イベントの ClipboardData プロパティを公開しません。

IE 11のセルをコピーするためには、キーボード選択を使用できます。複数セルを選択するには SHIFT キーを押しながらコピーするには CTRL + C を押します。

グリッドが編集モードの間、コピー動作は無効になります。
この機能の現在のバージョンは、グリッドからのコピー動作のみをカバーします。今後、グリッドの動作内で貼り付けを公開する予定です。

API の使用

次のオプションを処理する IgrClipboardOptions.enabled プロパティを公開します。

Enabled は選択したセルのコピーを有効または無効にします。
CopyHeaders は、コピー時に関連付けられているヘッダーを含めます。
CopyFormatters は、既存の列フォーマッタをコピーしたデータに適用します。
Separator は、クリップボードのデータのフォーマットに使用する文字列の区切り文字。デフォルトは /t です。

Excel は、タブで区切られたテキスト (タブ区切り /t) を自動的に検出し、データを別々の列に正しく貼り付けることができます。貼り付け形式が機能せず、貼り付けたものがすべて 1 列に表示される場合は、Excel の区切り文字が別の文字に設定されている、またはテキストがタブではなくスペースを使用しています。

GridCopy は、コピー操作が実行されたときに発生します。IgrClipboardOptions を使用してコピー動作が有効になっている場合のみ発生します。

API リファレンス

IgrGrid
IgrClipboardOptions

Additional Resources

Our community is active and always welcoming to new ideas.