리본 요소 활성화/비활성화

아래 단계를 따라 삽입 탭에서 표 필드 버튼을 비활성화하세요.

1. 기본 설정에 접근하여 표 버튼과 연결된 명령어, 즉 insertTable 명령어를 확인하세요.

   // 워크북과 워크시트를 구성하세요.
   var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
   var activeSheet = spread.getActiveSheet();
   
   // 기본 설정에 접근하세요.
   var config = GC.Spread.Sheets.Designer.DefaultConfig;
   
   console.log(config);
   
   // 아래는 "Table" 버튼에 대한 코드 예제입니다.
   
   // "ribbon": [
   // {
   //  ...
   //
   //   "id": "insert",
   //   "text": "INSERT",
   //   "buttonGroups": [
   //     {
   //       "label": "Table",
   //       "thumbnailClass": "ribbon-thumbnail-table",
   //       "commandGroup": {
   //         "commands": [
   //           "insertTable"      // Associated command
   //         ]
   //       }
   //     }]
   // }]

2. 위 명령어(insertTable)에 대해 getCommand 메서드를 적용하여 상태 표현식을 확인하세요.

   console.log(GC.Spread.Sheets.Designer.getCommand('insertTable'));
   
   // commandName: "insertTable"
   // enableContext: "AllowInsertTable  && !IsProtected"

3. 위 명령어를 프로젝트의 commandMap에 설정하고 enableContext 옵션을 사용하여 해당 상태 표현식을 비활성화하세요.

   config.commandMap = {
       insertTable: {
           commandName: "insertTable",
           // To disable the Table button
           enableContext: "!AllowInsertTable" 
       }
   }

4. 사용자 설정이 가능한 config 매개변수를 전달하여 디자이너 인스턴스를 초기화하세요.

   var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config, spread);

아래 결과가 생성됩니다: