FlexGridには、ユーザーがマウスまたはキーボードを使用して複数の行または行範囲を選択できるFlexGrid.selectionModeプロパティがあります。

ただし、チェックボックス付きの列を追加して、この機能を提供する場合もあります。 これにより、ユーザーはモバイルデバイスで行を簡単に選択でき、デスクトップシステムでもより直感的なインターフェイスを提供できます。

Selectorクラスを使用すると、Selectorクラスのインスタンスを作成し、そのcolumnプロパティをチェックボックスを表示する列に設定することで行うことができます。たとえば、

// SelectorColumnを追加します。
let selector = new SelectorColumn(theGrid, {
    itemChecked: () => showCheckedCount()
});

これにより、最初の行の列ヘッダのセルにチェックボックスが追加されます。 チェックボックスは各行のRow.isSelectedプロパティにバインドされたため、チェックボックスを切り替えると行の選択状態が切り替えます。

デフォルトでは、Selectorは一番上のヘッダセルと行グループのセルにもチェックボックスを追加します。 これらのセルを使用して、グリッドおよび各グループのすべての行を選択または選択解除できます。

showCheckAllプロパティを使用して、一番上のヘッダセルのチェックボックスをオフにすることができます。

Selectorは、ヘッダ以外の列にも追加できます。 たとえば、

// SelectorColumnを最初の行のデータ列に追加します。
let selector = new SelectorColumn(theGrid.columns[0], {
    itemChecked: () => showCheckedCount()
});

上記の場合、Selectorは、元のデータ内容を保持する通常のグリッドセルに選択チェックボックスを追加します。

メモ：SelectorをFlexGridにアタッチすると、選択モードであるため、グリッドのFlexGrid.selectionModeプロパティが自動的にSelectionMode.Cellに設定されます。選択モードは、Selectorによって提供される選択のタイプのためです。 （SelectionMode.ListBoxモードでは、グリッドがセレクターの動作を妨害します。）