[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

활성 리본 탭 설정

SpreadJS Designer 컴포넌트는 디자이너 컴포넌트가 초기화될 때 기본 활성 리본 탭을 설정하거나 가져올 수 있습니다. 이를 위해 IDesignerConfig 인터페이스의 ribbon[].active 속성 값을 true로 설정하거나 디자이너 컴포넌트의 activeRibbonTab 메서드를 사용하세요.

기본적으로 SpreadJS 디자이너 컴포넌트가 초기화될 때 홈 탭이 활성 탭으로 설정됩니다.

참고:

  • 활성으로 설정된 리본 탭이 이미 숨겨져 있는 경우, 해당 리본 탭은 보이지 않습니다.

  • 여러 개의 리본 탭이 활성으로 설정된 경우, SpreadJS는 마지막으로 보이는 리본 탭만 활성 탭으로 간주합니다.

아래 코드 예제는 삽입 탭을 활성 리본 탭으로 설정하는 방법을 보여줍니다.

// 활성 리본 탭을 설정하려면 IRibbonPanel의 active 속성을 사용하세요.
var config = GC.Spread.Sheets.Designer.DefaultConfig;
config.ribbon[1].active = true;
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config);

혹은

// 활성 리본 탭을 설정하려면 디자이너 컴포넌트의 activeRibbonTab 메서드를 사용하세요.
var config = GC.Spread.Sheets.Designer.DefaultConfig;
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config);
let currentActiveRibbonTab = designer.activeRibbonTab();
    if (currentActiveRibbonTab !== "insert") 
        {
        designer.activeRibbonTab("insert");
        }

아래 결과가 생성됩니다.

ActiveRibbonTab