목차 | ||||||
---|---|---|---|---|---|---|
|
학습목표
대시보드를 컴포넌트 별 혹은 전체 Export를 할 수 있습니다.
...
- [편집 그룹 > Script Editor]를 클릭하여 스크립트 에디터 창을 활성화합니다.
- 버튼을 클릭했을 때, 이벤트를 활성화하기 위해 [OnButtonClick] 이벤트를 호출합니다.
[OnButtonClick] 이벤트에 Export 기능을 활성화하기 위해 스크립트를 작성하고 [저장] 버튼을 클릭하여 스크립트를 저장합니다.
참고사항 icon false title Discription 사용된 JScript
코드 블럭 icon false language js title Script collapse true /************************************** * 버튼 컨트롤이 클릭되는 시점에 발생합니다. * * arguments : * string Id (Readonly:False) : 컨트롤이름 * string Text (Readonly:False) : 라벨 값 **************************************/ var OnButtonClick = function(sender, args){ if(args.Id == "BTN_EXPORT_LOC") //생성한 버튼 NAME { try { var exportControls = []; //컴포넌트를 넣을 배열 var objects = Matrix.getAllObjects(); //대시보드의 모든 컴포넌트 가져오기 //for문을 사용하여 배열에 출력할 대시보드의 컴포넌트의 Name을 push한다. for(var i = 0; i < objects.length; i++) { exportControls.push(objects[i].Name); } //ExportImage API를 사용하여 컴포넌트의 Name을 push한 배열을 사용하여 Export한다. Matrix.ExportImage(exportControls, 3, {}); } catch(e) { alert("Export Failed\n" + e); }; };
ExportImage API
AUD플랫폼의 자체 API로 이미지 내보내기를 실행하는 API입니다.
[void]ExportImage :
ExportImage([string[]] controlNames ,[istudio.enum.CommonEnum.enExportType] exportType ,[object] option)
인자 설명 controlNames 내보내기 할 컨트롤 객체 이름 목록(Default: All Controls) 또는 null exportType 내보내기 할 파일 유형(2: Excel, 3:HML, 4:PPT, 5:DOC, 6:PNG, 7:PDF) option 추가 옵션 (CallBack 함수와 같이 실행 이후 필요한 작업이 있을 시 사용) [실행] 버튼을 클릭하고 클릭 이벤트를 연결한 버튼을 클릭합니다.
Export가 정상적으로 작동하는지 확인합니다.
참고사항 icon false title Discription Export 시 참고할 점
버튼을 눌러 Export시, 대시보드 뒤로 이미지 편집 창이 띄워지게 된다. 이는 로컬에서 이미지화 시켜서 내보내는 일련의 작업을 거치기 때문에 발생하는 현상입니다.
*ExportImage API는 도중에 취소할 수 없으며, 파일이 서버를 거쳐서 떨어지는 것이 아니라 로컬에서 작업됩니다.
...