Premium

Angular Grid クリップボードの操作

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

Angular 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 の使用

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

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

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

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

その他のリソース

コミュニティに参加して新しいアイデアをご提案ください。