본문 바로가기
  • 노란색 세상은 어디에 있을까?
  • 봄이 오면 여기에 있겠지.
  • 잠시나마 유유자적 하겠네.
APEX-기본설정/공통버튼 설정

[ 엑셀다운로드 ] 버튼 추가 및 이벤트를 추가합니다.

by 태백성 2024. 4. 5.
그리드가 존재하는 페이지에 엑셀다운로드 버튼을 추가하고 아래와 같이 소스를 수정합니다.
● Identification
 - Button Name: EXCEL_DOWNLOAD
 - Label: 엑셀다운로드

● Appearance
 - Button Template: Text with Icon (텍스트 및 아이콘 표기)
 - Template Options: Use Template Defaults, Primary, Left
 - CSS Classes: b_excel_dowload_css (CSS 클래스)
 - Icon: fa-file-excel-o (아이콘)

Behavior
 - Action: Defined by Dynamic Action (동적 이벤트)
● Identification
 - Name: 엑셀다운로드-처리
 - Action: Execute JavaScript Code (자바스크립트 코드로 실행)

● Settings
 - Code: 하기 소스 참조

GRID_COM_USER 참조하기 위하여 그리드에 명칭을 사전에 등록합니다. (페이지 내 그리드를 찾기 위한 명칭)
 - Advanced > Static ID: GRID_COM_USER
var ig$ = apex.region("GRID_COM_USER").widget();

ig$.interactiveGrid("getActions").invoke("show-download-dialog");

$("div[aria-describedby='GRID_COM_USER_ig_download_dialog']").find("button").each(function(){
    if ($(this).html() == "Download") {
        $(this).trigger("click");
    }
});
● Attributes > Download
 - Formats: Excel
 - Filename: 사용자목록

 

엑셀다운로드 기능 테스트 결과입니다.