タブの追加

リボンをカスタマイズして「お問い合わせ」という新しいタブを追加するには、次の手順を実行します。

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

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;

新しいタブのレイアウト構造を作成し、構成に追加します。

JavaScript	コードのコピー
// 新しいタブのレイアウト構造 var newTab = { "id" : "contactUs", "text": "お問い合わせ", "buttonGroups": [ { "label": "ライセンスキーをご希望の場合は、sales@grapecity.com にお問い合わせください。", // 「commandGroup」は必須パラメータです。 "commandGroup": {} } ] } // 新しいタブを追加します。 config.ribbon.push(newTab);

JavaScript

コードのコピー

// 新しいタブのレイアウト構造
var newTab = {
    "id" : "contactUs",
    "text": "お問い合わせ",
    "buttonGroups": [
        { 
            "label": "ライセンスキーをご希望の場合は、sales@grapecity.com にお問い合わせください。",
            // 「commandGroup」は必須パラメータです。
            "commandGroup": {}
        }
    ]
}
            
// 新しいタブを追加します。
config.ribbon.push(newTab);

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

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

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

メモ：リボンから組み込みのタブを削除する場合は、そのコンテンツをconfig.jsファイルから削除し、上記の手順2を繰り返します。