# ActiveReportsJS 보고서 디자이너 작업 처리기

## Content



ActiveReportsJS 보고서 디자이너 UI의 대다수는 세로 막대의 보고서 항목, 도구 모음의 서식 지정 컨트롤, 데이터 막대, 속성 표 등 보고서 디자인 프로세스와 관련된 항목으로 구성됩니다. 호스팅 응용 프로그램이 해당 항목의 동작을 재정의할 수 없는 경우에는 사용자 정의할 수 없습니다. 표준 사용자 인터페이스 요소에 대한 자세한 내용은 [사용자 인터페이스 항목](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Designer-Interface)을 참조하십시오. 그러나 호스팅 응용 프로그램이 특정 요구 사항에 따라 구현해야 하는 사용자 정의 가능 UI 항목이 여러 개 있습니다.

- ```저장``` 및 ```다른 이름으로 저장``` 버튼
- ```새 보고서``` 버튼
- ```열기``` 버튼
- ```미리 보기``` 버튼
- ```파일``` 링크

해당 항목은 기본적으로 표시되지 않으며, 응용 프로그램의 코드는 해당 항목을 사용하도록 지정하고 동작을 설정하도록 ```작업 처리기```를 구성해야 합니다.

작업 처리기 구현의 예는 다음 페이지를 확인해 보십시오.

- ["새로 만들기" 버튼을 사용하도록 설정하면](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report#enabling-new-report-button) ```onCreate``` 작업 처리기를 구현하는 방법이 표시됩니다.
- ["열기" 버튼을 사용하도록 설정하면](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report#enabling-open-report-button) ```onOpen``` 작업 처리기를 구현하는 방법이 표시됩니다.
- ["저장" 및 "다른 이름으로 저장" 버튼을 사용하도록 설정하면](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports#enabling-save-and-save-as-buttons) ```onSave``` 및 ```onSaveAs``` 작업 처리기를 구현하는 방법이 표시됩니다.
- ["미리 보기" 버튼을 사용하도록 설정하면](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSDesignerComponent/Preview-Reports#enabling-preview-button) ```onRender``` 작업 처리기를 구현하는 방법이 표시됩니다.

또한 응용 프로그램이 ```onOpenFileMenu``` 작업 처리기를 사용하여 호스팅 응용 프로그램의 사용자 정의 메뉴를 표시할 수도 있습니다. 


응용 프로그램이 보고서 디자이너 인스턴스의 ```processCommand``` 메서드를 사용하여 다른 이벤트에 대한 응답으로 작업 처리기를 호출할 수도 있습니다. 인수는 호출할 작업 처리기를 지정합니다. 예를 들어 ```processCommand("create")```는 `onCreate` 작업 처리기를 호출합니다. ```processCommand``` 메서드를 사용하여 작업 처리기를 트리거하는 예는 [AutoSave 구현](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports#autosave) 페이지를 확인하십시오.