20210827 - 상품 마스터 - 상품 입출고 디테일 Interactive Grid Master-Detail

1. 페이지 생성, Master Detail, Stacked 선택 후 테이블과 키값 입력 : 

한 페이지에 Master Detail 표현




2. 마스터 SQL : 상품과 입/출고, 재고 수량


select a.prod_id
     , a.prod_nm
     , a.prod_color
     , nvl(b.sum1_qty,0) sum1_qty
     , nvl(b.sum2_qty,0) sum2_qty
     , nvl(b.sum_qty,0)  sum_qty
  from x0822_prod_mst a
     , (
         select prod_id
              , sum(decode(stock_type, '1', qty, 0)) sum1_qty
              , sum(decode(stock_type, '2', qty, 0)) sum2_qty
              , sum(decode(stock_type, '1', qty, '2', -qty, 0)) sum_qty
           from x0822_prod_stock
          group by prod_id
       ) b
 where a.prod_id = b.prod_id(+)


3. 마스터 리전 : 상품 마스터

PK PROD_ID hidden

입고, 출고, 재고는 Display Only, Source - Query Only : Enabled

저장 업데이트 시 For Update 오류 때문에 Process - Identification - Lock Row : No




4. 디테일 리전 : 상품 입출고

1) 조건 없이 Query만 등록


select STOCK_ID,
       STOCK_DATE,
       STOCK_TYPE,
       PROD_ID,
       QTY
  from X0822_PROD_STOCK

2) Master Detail - Master Region : 상품 마스터


3) 좌측 항목에서 FK PROD_ID 선택, 우측 속성에서

Master Detail - Master Column : PROD_ID (마스터 리전 것 선택)



5. 디자인 조정 : 마스터 리전의 입고, 출고, 재고 항목들은 동일 배분 사이즈가 아닌 

픽셀 70으로 고정해서 작게하면 상품명과, 상품 색상은 자연스럽게 길어짐



6. 최종 화면
































댓글 없음:

댓글 쓰기

20250202 - IG 다운로드 버튼 바로 보이기

JS initialization Code : function (config) {     var $ = apex.jQuery,         toolbarData = $.apex.interactiveGrid.copyDefaultToolbar(),  ...