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

하이퍼링크 셀

하이퍼링크 셀을 사용하면 텍스트를 단일 하이퍼링크로 작동하도록 설정할 수 있습니다. 하이퍼링크 셀 타입은 링크 색상과 방문 후 색상을 설정할 수 있게 해줍니다. 또한 하이퍼링크와는 다른 텍스트를 셀에 표시하거나, 마우스 포인터가 하이퍼링크 위에 있을 때 표시할 툴팁도 설정할 수 있습니다.

링크를 클릭하면 새 페이지가 열리며 해당 링크 URL로 이동합니다.



다음 코드 샘플은 하이퍼링크 셀 타입을 생성하는 예입니다.

var cellType = new GC.Spread.Sheets.CellTypes.HyperLink();
cellType.linkColor("blue");
cellType.visitedLinkColor("#FF2235");
cellType.text("GrapeCity");
cellType.linkToolTip("Company Web Site");
activeSheet.getCell(1, 1).cellType(cellType).value("https://www.grapecity.com/spread");
activeSheet.getRange(1, -1, 1, -1).height(30);

콜백 동작 처리

하이퍼링크 셀에서 HyperLink 클래스의 onClickAction 메서드를 사용하여 콜백 동작을 실행할 수 있습니다.

아래의 코드 샘플은 사용자가 하이퍼링크를 클릭했을 때 실행될 콜백 동작을 설정하는 방법을 보여줍니다. 이 동작은 시트 이름을 HyperLink 로 변경하고 시트 탭 색상을 빨간색으로 바꿉니다.

var h = new GC.Spread.Sheets.CellTypes.HyperLink();
sheet.setCellType(3, 2, h, GC.Spread.Sheets.SheetArea.viewport);
h.text('Spread.Sheets Site');
h.linkColor('blue');
// 하이퍼링크에 콜백 동작을 설정
h.onClickAction(function () {
   var setSheetTabColor = {
      canUndo: true,
      execute: function (context, options, isUndo) {
      sheet.name('Hyperlink');
      sheet.options.sheetTabColor = 'red';
      }
   };
   var commandManager = spread.commandManager();
   var commandName = 'setSheetTabStyle';
   
// 콜백을 commandManager에 등록하는 코드
   commandManager.register(commandName, setSheetTabColor, null, false, false, false, false);
   commandManager.execute({cmd: commandName});
});

하이퍼링크 셀을 클릭했을 때, 해당 셀로 활성 셀을 이동시킬지 여부를 제어하려면 HyperLink 클래스의 activeOnClick 메서드를 사용하면 됩니다.

아래 코드는 하이퍼링크 클릭 시 활성 셀로 이동할지 여부를 가져오거나 설정하는 예제입니다.

Ask ChatGPT

h.activeOnClick(true);