SpreadJS製品ヘルプ
リボン要素の有効化/無効化
リボンコンテナ > カスタマイズ > リボン要素の有効化/無効化

[挿入]タブにある[テーブル]フィールドのボタンを無効にするには、次の手段を実行します。

  1. デフォルト構成を取得し、[テーブル]ボタンに関連付けられているコマンドを見つけます。 この場合は「insertTable」コマンドです。

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

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

console.log(config);

// 以下の「テーブル」ボタンのスニペットを見つけます。

// "ribbon": [
// {
//  ...
//
//   "id": "insert",
//   "text": "INSERT",
//   "buttonGroups": [
//     {
//       "label": "Table",
//       "thumbnailClass": "ribbon-thumbnail-table",
//       "commandGroup": {
//         "commands": [
//           "insertTable"      // 関連するコマンド。
//         ]
//       }
//     }]
// }]

  2. 上記のコマンド（insertTable）の状態の式を確認するためにgetCommandメソッドを設定します。
    JavaScript
    コードのコピー 
    console.log(GC.Spread.Sheets.Designer.getCommand('insertTable'));

// commandName: "insertTable"
// enableContext: "AllowInsertTable  && !IsProtected"

  3. プロジェクトで上記のコマンドをcommandMapに設定し、enableContextオプションを設定して状態の式を無効にします。
    JavaScript
    コードのコピー 
    config.commandMap = {
    insertTable: {
        commandName: "insertTable",
        // [テーブル]ボタンを無効にします。
        enableContext: "!AllowInsertTable" 
    }
}

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

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

 

 

 

Copyright © 2016 GrapeCity inc. All rights reserved.