Forguncy JavaScript API - CellEvent 클래스 중 PivotTableClick Method를 설명합니다.

CellEvent - PivotTableClick Method

CellEvents.pivottableClick

PivotTableClick Method 설명

피벗테이블 셀을 클릭하는 시점에 수행(trigger)되는 이벤트입니다.

Parameter 설명

없음

Response 시 반환값

string

활용 예제

아래는 CellEvents.PivotTableClick를 사용하는 예제입니다. 피벗 테이블을 클릭하면 미리 지정한 글자 상자가 나타납니다. 

  //현재 페이지에 Namespace를 선언합니다.
  var page = Forguncy.Page;

  //Cell Name이 pitvottablecell이라고 명명된 셀 인스턴스 정보를 가져옵니다.
  var pivottable = page.getCell("pivottablecell");

  //ready 메소드의 CallBack 함수를 생성합니다.
  page.ready(function () {

    //pitvottablecell 셀에 pivottableClick을 binding합니다.
    pivottable.bind("pivottableClick", function () {

    //미리 지정한 문구를 화면에 표시합니다.
    alert("안녕하세요. Forguncy!");
    });
  });


Forguncy 사용 예제

  1. 페이지 한 개 생성하고, ListView를 생성하여 Database Table에 연결합니다.
    Database에 Table을 생성하고 데이터를 넣는 방법과 ListView를 생성하는 방법 등은 자세한 설명을 생략합니다.



  2. 페이지에 “피벗 테이블” 셀 유형을 추가합니다. 왼쪽위의 Cell Name에 pitvottablecell이라고 입력합니다.



  3. 오른쪽 ‘셀 유형’ 패널에서 “피벗 테이블 설정”을 선택하여 피벗 테이블을 미리 설정한 ListView와 연동합니다.



  4. JS 파일을 생성하고, 오른쪽 패널에서 “페이지 설정 > 사용자 JavaScript”에 해당 JavaScript 파일을 불러오기 합니다.



  5. 해당 프로젝트를 실행하여 피벗 테이블을 클릭하면, 팝업창이 화면에 표시됩니다.



연관 태그 : JavaScript API