등록형 이벤트 핸들러

Home > 기본 예제 > 예제 19

설명

DEXTUploadX5는 발생하는 이벤트를 'onDX5~' 시작하는 전역 함수를 호출하는 방식으로 처리한다. 이러한 이벤트 처리 방식을 포함하여, 컴포넌트 별로 이벤트 핸들러를 등록하여 개별적으로 사용할 수 있는 방법이 3.10.0.0 버전부터 지원한다.

dx5.create 메소드를 사용하여 컴포넌트를 생성할 때, 사용할 이벤트를 직접 정할 수 있다.

dx5.create({
    ...
    events: {
        created:                    /* onDX5Created */,
        error:                      /* onDX5Error */,
        beforeItemsAdd:             /* onDX5BeforeItemsAdd */,
        itemAdding:                 /* onDX5ItemAdding */,
        itemsAdded:                 /* onDX5ItemsAdded */,
        beforeItemsDelete:          /* onDX5BeforeItemsDelete */,
		...
        columnDataBinding:          /* onDX5ColumnDataBinding */,
        compressWaitingBegin:       /* onDX5CompressWaitingBegin */,
        compressWaitingCompleted:   /* onDX5CompressWaitingCompleted */,
        compressWaitingStopped:     /* onDX5CompressWaitingStopped */,
        dragAndDrop:                /* onDX5DragAndDrop */
    }
});

전역 이벤트 핸들러와 개별 이벤트 핸들러를 중복하여 선언한 경우:

예제

이벤트가 동작하는 과정은 브라우저 개발자 모드의 콘솔 탭에서 확인할 수 있다.