FlexGridGroupPanel は、テキストブロック付きのグリッド要素とスタックパネルで構成されるカスタムコントロールです。テキストブロックにはウォーターマークメッセージが表示され、スタックパネルにはソース ICollectionView にあるグループが表示されます。グループは GroupMarker 要素で表され、これをクリックしてグループをソートまたは閉じたり、ドラッグしてグループ化の順序を変更することができます。このコントロールは、DragDropManager ユーティリティクラスに付属し、次の 4 つのドラッグアクションを処理します。

• グループを再配置するには、グループ領域内で GroupMarker をドラッグします。
• グループを削除して、指定された位置に列を復元するには、GroupMarker をグリッドにドラッグします。
• 新しいグループを作成するには、ColumnHeader 要素をグリッドからグループ化領域にドラッグします。
• グリッド列を再配置するには、ColumnHeader 要素をグリッド内でドラッグします。

最初の 2 つのドラッグアクションは、GroupMarker クラスによって開始されます。このクラスは、マウスのドラッグアクションを検出し、マーカーをパラメータとして DoDragDrop メソッドを呼び出します。最後の 2 つのアクションは、FlexGrid の DraggingColumn イベントに応答して開始されます。DoDragDrop メソッドが呼び出されると、DragDropManager は、透明な要素をページ全体に表示し、マウスをキャプチャし、呼び出し元がドロップ位置を更新できるように Dragging イベントを発生させます。ユーザーがマウスを放すと、DragDropManager は、呼び出し元がドラッグドロップアクションを完了できるように Dropped イベントを発生させます。