이벤트

이벤트 Bind 방식

QCELL 이벤트는 가장 많이 사용되는 중요한 요소로 그리드에서 발생하는 다양한 상황(이벤트)에 맞는 동작을 수행할 수 있도록 연결해 주는 역할을 합니다.

1️⃣ API를 사용하여 동적으로 이벤트 설정 방법

bind(eventname, handler, data)입력 받는 이벤트를 추가하여 처리할 수 있게 하는 API 입니다.
① eventname : 이벤트 이름(동시에 여러 개의 이벤트 추가 시 띄어쓰기로 구분)
② handler : 추가된 이벤트 발생 시 호출할 핸들러 callback 함수
③ data : handler callback에 추가적으로 전달 할 수 있는 데이터

QCell1.bind("click", function(event){
      var objQCell = event.data.target;//event parameter에서 QCELL객체를 추출이 가능
});

QCell1.bind("click keydown", function(event){
      var objQCell = event.data.target;//하나의 핸들러 callback 함수를 여러개의 이벤트에 연동이 가능
});

QCell1.bind("click keydown", function(event){
      var objQCell = event.data.target;//하나의 핸들러 callback 함수를 여러개의 이벤트에 연동이 가능
},{'param': 'qcell1'});

2️⃣ 이벤트 events 속성 방식과 이벤트 Bind 방식에서의 공통으로 사용되는 API

unbind(eventname)입력받은 이벤트를 QCELL에서 제거합니다.
① eventname : 이벤트 이름(동시에 여러 개의 이벤트 추가 시 띄어쓰기로 구분)

QCell1.unbind("click");
QCell1.unbind("click keydown");

getUserEventInfo()QCELL에 추가된 사용자 이벤트 정보를 반환합니다.

QCell1.getUserEventInfo();

trigger(eventname)입력한 이벤트의 핸들러를 강제로 실행합니다.

QCell1.trigger("click");

[이벤트 목록의 여러 예제들을 참고해보시길 바랍니다]