igSpreadsheet の選択操作

トピックの概要

目的

このトピックでは、ワークシートのセルを選択する場合にユーザーが実行できる操作を説明します。

前提条件

このトピックを理解するために Infragistics JavaScript Excel Library の概念とトピックは前提条件です。

選択

igSpreadsheet コントロールは normal、extendSelection、および addToSelection の選択モードをサポートします。このトピックでは、そのモードを説明し、比較します。

normal

selectionMode のデフォルト値は normal です。選択モードが normal に設定されている場合、マウスをドラッグしてセルまたはセルの範囲を選択します。このモードで、新しい選択は以前の選択を置き換えます。同様に、キーボード ナビゲーションを使用してセルまたはセルの範囲を選択すると、新しい選択が生成されます。選択を置き換える代わりに既存の選択に新しい選択を追加するには、Ctrl キーを押して、マウスで新しい範囲を選択します。アクティブ セルを含む選択した範囲を変更するには、Shift キーを押して、マウスをクリックするか、キーボードで矢印キーで移動します。

$("#spreadsheet").igSpreadsheet({
    height: "600",
    width: "75%",
    selectionMode: "normal"
});

extendSelection

選択モードが extendSelection に設定されている場合、選択範囲は 1 つのみで、アクティブなセルとマウスまたはキーボードによるナビゲートで選択されたセルに囲まれます。アクティブ セルを移動するには、Ctrl キーを押してマウスを使用します。

$("#spreadsheet").igSpreadsheet({
    height: "600",
    width: "75%",
    selectionMode: "extendSelection"
});

addToSelection

このモードは、Ctrl キーを押さないで新しいセル範囲の追加を許可します。セルをクリックすると、現在の選択に追加されます。

$("#spreadsheet").igSpreadsheet({
    height: "600",
    width: "75%",
    selectionMode: "addToSelection"
});

ユーザー相互作用と操作性

以下の表では、igSpreadsheet コントロールのユーザー インタラクション機能を簡単に説明します。

注: ユーザーが 2 つ以上のワークシートを選択した場合、アクティブ ワークシートで選択を実行すると、その他の選択されたワークシートに同じ選択がすべて設定され、以後の操作はすべての選択されたワークシートで実行されます。

関連リンク

• igSpreadsheet の概要
• igSpreadsheet のアクティベーションとナビゲーションのインタラクション
• igSpreadsheet の機能の概要
• igSpreadsheet API