상태 표시줄

// 상태 표시줄 생성, 호스트에 추가하고, 컨텍스트 내에서 바인딩
var statusBar = new GC.Spread.Sheets.StatusBar.StatusBar(document.getElementById('statusBar'));
statusBar.bind(spread);

// GC.Spread.Sheets.StatusBar.StatusItem 통해 상태 항목 사용자 정의
var spanItem = new GC.Spread.Sheets.StatusBar.StatusItem("spanItem", {
  menuContent: "Current span",
  value: "Span test",
});
var statusBar = new GC.Spread.Sheets.StatusBar.StatusBar(
  document.getElementById("statusBar"),
  { items: [spanItem] }
);
statusBar.bind(spread);

// gc.spread.sheets.statusbar.statusitem 확장하여 상태 항목 사용자 정의
var statusbar = new gc.spread.sheets.statusbar.statusbar(
  document.getelementbyid("statusbar")
);
statusbar.bind(spread);
var statusitem = gc.spread.sheets.statusbar.statusitem;
function labelitem(name, options) {
  statusitem.call(this, name, options);
}
labelitem.prototype = new statusitem();
labelitem.prototype.oncreateitemview = function (container) {
  var item = document.createelement("div");
  item.innertext = this.value;
  item.style.background = "blue";
  container.addeventlistener("click", function (e) {
    //클릭 
  });
  container.appendchild(item);
};
labelitem.prototype.onupdate = function () {
  // 컨텍스트 메뉴 항목 체크가 변할 때 동작 
};
statusbar.add(
  new labelitem("labelitem", {
    menucontent: "test label",
    value: "test option",
  })
);

// 상태 표시줄 삭제 
statusBar.dispose();