20210611 - 페이팔 결제 모듈과 연동 PayPal Integration - 2. 장바구니 확인 및 수량 조정

테스트 페이지 구성은 템플릿 중 마법사 Wizard 템플릿을 사용하였고 총 4 단계로 구성하였음.

1. 아이템 확인 및 장바구니 넣기

2. 장바구니 확인 및 수량 조정

3. 페이팔 결제 연동

4. 결제 완료된 주문 확인

2. 장바구니 확인 및 수량 조정

1) IG Interactive Grid로 수량 조정과 삭제 기능 구현

IG의 기본 기능을 - 입력, 수정, 추가, 삭제등 활용하여 장바구니 수량 조정, 삭제 처리를 하였음.

Region

Type : Interactive Grid

SQL Query :

select crt.id

     , '<span aria-hidden="true" class="'|| mst.card_icon ||'"></span>&nbsp;&nbsp;&nbsp;'||mst.card_subtitle prod_grp

     , mst.card_title          prod

     , mst.card_secondary_body spec

     , crt.cnt

     , crt.amt

     , round(crt.cnt * crt.amt,2) ttl     

  from DM_PAYPALD_CART crt

     , DM_PAYPALD      mst

 where crt.CARD_PRIMARY_KEY = mst.CARD_PRIMARY_KEY

 

Attributes

Edit - Enabled : YES

Edit - Allowed Operations : unchecked Add Row, checked Update Row, checked Delete Row

Toolbar - Show : YES

Toolbar - Controls

Search Column Selection : NO

Search Field : NO

Actions Menu : NO

Reset Button : YES

Save Button : YES

변경 사항 저장 프로세스는 수정한 것 없이 기본 그대로 활용

2) 아이콘과 내용을 같이 표현 PROD GRP

HTML 형태로 값을 가져올 수 있도록 SQL 구성하고

     , '<span aria-hidden="true" class="'|| mst.card_icon ||'"></span>&nbsp;&nbsp;&nbsp;'||mst.card_subtitle prod_grp

Column Type : HTML Expression 

HTML Expression : &PROD_GRP.

3) 금액 포맷팅

AMT Column

Type : Display Only

Heading : UNIT PRICE

Layout - Column Alignment : RIGHT

Appearance - Format Mask : 999G999G999G999G990D0000

4) 합계 Total 표현

기본 기능 Action Button 의 기능 중에서 Data >> Aggregate 활용

20210611.