コンテキストメニュー項目の追加

コンテキストメニューに「署名の挿入」オプションを追加するには、次の手順を実行します。

デフォルト構成を取得します。

JavaScript	コードのコピー
// ワークブックとワークシートを構成します。 var spread = new GC.Spread.Sheets.Workbook("ss"); var activeSheet = spread.getActiveSheet(); // デフォルトconfigを取得します。 var config = GC.Spread.Sheets.Designer.DefaultConfig;

JavaScript

コードのコピー

// ワークブックとワークシートを構成します。
var spread = new GC.Spread.Sheets.Workbook("ss");
var activeSheet = spread.getActiveSheet();

// デフォルトconfigを取得します。
var config = GC.Spread.Sheets.Designer.DefaultConfig;

「contextMenu」タグに「署名の挿入」オプションを追加し、プロジェクトのcommandMapに設定します。

JavaScript	コードのコピー
// configコンテキストメニューにコンテキストメニュー項目を追加します。 if (config && config.contextMenu) { config.contextMenu.unshift("insertSignatureMenu"); } // 新しいコンテキストメニュー項目のコマンドを作成します。 config.commandMap = { "insertSignatureMenu": { text: "署名の挿入", commandName: "insertSignatureMenu", visibleContext: "ClickRowHeader", // 単純なデモコードスニペットに従って、InsertSignatureを実行します。 execute: () => { console.log("署名の挿入"); } } }

JavaScript

コードのコピー

// configコンテキストメニューにコンテキストメニュー項目を追加します。
if (config && config.contextMenu) {
    config.contextMenu.unshift("insertSignatureMenu");
}

// 新しいコンテキストメニュー項目のコマンドを作成します。
config.commandMap = {
    "insertSignatureMenu": {
        text: "署名の挿入",
        commandName: "insertSignatureMenu",
        visibleContext: "ClickRowHeader",

        // 単純なデモコードスニペットに従って、InsertSignatureを実行します。
        execute: () => {
            console.log("署名の挿入");
        }   
    }
}

カスタマイズ可能な構成のために「config」パラメータを渡すデザイナのインスタンスを初期化します。

JavaScript	コードのコピー
// デザイナインスタンスを初期化します。 var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config, spread);

上記の手順に従うと、以下の出力が生成されます。