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

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

React Tree Grid クリップボードの例

機能

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

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

制限

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

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

API の使用

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

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

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

API リファレンス

Additional Resources

Our community is active and always welcoming to new ideas.

• Ignite UI for React Forums
• Ignite UI for React GitHub