SpreadJS製品ヘルプ
Designer コンストラクタ
GC.Spread.Sheets.Designer 名前空間 > Designer タイプ : Designer コンストラクタ
この領域は、リボンコンテナがマウントするHTML領域です。
デザイナの構成オブジェクト。
Workbookインスタンス。
ワークブックの初期化オプション。
指定されたホストされたDOM要素、カスタム構成、および既存のスプレッドを使用してデザイナを表します。
シンタックス
var instance = new GC.Spread.Sheets.Designer.Designer(host, config, spread, spreadOptions);
function Designer( 
   host : undefined,
   config : Object,
   spread : Object,
   spreadOptions : Object
) : Designer;

パラメータ

host
この領域は、リボンコンテナがマウントするHTML領域です。
config
デザイナの構成オブジェクト。
spread
Workbookインスタンス。
spreadOptions
ワークブックの初期化オプション。
使用例
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("hostDiv"));
var customConfig = {
      ribbon: [
          {
              id: "home",
              text: "ホーム",
              buttonGroups: [
                {
                  label: "アンドゥ",
                  thumbnailClass: "ribbon-thumbnail-undoRedo",
                  commandGroup: {
                    children: [
                      {
                        direction: "vertical",
                        commands: [
                          "undo",
                          "redo"
                        ]
                      }
                    ]
                  }
                }
              ]
          }
      ],
      contextMenu: [
          "contextMenuCut",
          "contextMenuCopy",
      ],
      fileMenu: "fileMenuButton",
      sidePanels: [
          {
              position: "top",
              allowResize: true,
              command: "formulaBarPanel",
              uiTemplate: "formulaBarTemplate"
          },
      ]
 };
var customDesigner = new GC.Spread.Sheets.Designer.Designer(document.getElementById("hostDiv2"), customConfig);
関連トピック

参照

Designer タイプ