SpreadJS製品ヘルプ
タブの追加
リボンコンテナ > カスタマイズ > タブの追加

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

  1. config.jsファイルを編集して、新しいリボンタブを追加するためにレイアウト構造をカスタマイズします。
    JavaScript
    コードのコピー
     var config = {
         "ribbon":[
                 // その他のリボン項目の内容。
                 {
                    "id" : "contactUs",
                    "text": "お問い合わせ",
                    "buttonGroups": [
                      { "label": "ライセンスキーをご希望の場合は、sales@grapecity.com にお問い合わせください。",
                     // 「commandGroup」は必須パラメータです。
                     "commandGroup": {}       
             }
           ]
         }
    


  2. カスタマイズ可能な構成のために「config」パラメータを渡すデザイナのインスタンスを初期化します。
    JavaScript
    コードのコピー
    // デザイナのインスタンスを初期化します。
    let spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss");
    let designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config, spread);
    


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

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