! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

JSON 연동 방법 > Q&A | 토론

본문 바로가기

ActiveReportsJS

Q&A | 토론 - VueJS

VueJS JSON 연동 방법

페이지 정보

작성자 엘케이테리토리 작성일 2023-08-25 10:20 조회 176회 댓글 0건
제품 버전 : ActiveReportsJS 4.0
컨트롤 이름 : ActiveReportsJS 4.0

본문

첨부파일

안녕하세요.


노랑색 부분에 workDate값을 넣는 방법을 부탁드립니다. (report파일 첨부)

JSON구조

{

  "lktHeader": {

    "type": "RESPONSE"

  },

  "lktBody": {

    "workDate": "1234",

    "workBatch": "5555",

    "items": [

      {

        "WORK_DATE": "20230804",

        "WORK_BATCH": "1176",

        "SKU_TYPE": "1",

        "SKU_TYPE_NAME": "증정",

        "SKU_CODE": "80001585",

        "SKU_NAME": "가나다",

        "SKU_BARCODE": "8809642572317",

        "PLAN_QTY": 6

      },

      {

        "WORK_DATE": "20230804",

        "WORK_BATCH": "1176",

        "SKU_TYPE": "2",

        "SKU_TYPE_NAME": "이월",

        "PACKAGE_TYPE": "BOX",

        "SKU_CODE": "8000606",

        "SKU_NAME": "가나다11111",

        "SKU_BARCODE": "8809642570405",

        "PLAN_QTY": 2

      }

    ]

  }

}




감사합니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: JSON 연동 방법

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK폴 작성일 2023-08-30 16:55 댓글 0건

본문

첨부파일

안녕하세요 그레이프시티입니다. 


먼저 샘플 전달해 주셔서 감사드립니다.
확인해 보면 일반적으로 Restful API를 통해 전달되는 JSON의 형식과는 조금 다르게 사용이 된듯 합니다.
보통의 경우 조금더 직접적인 형식의 JSON파일로 세팅이 되고는 합니다.
아래의 URL을 크롬과 같은 브라우저 주소에 넣어보시면 어떠한 형식인지 짐작이 되실 것입니다.

그래서 알려주신 JSON형식을 위의 형태로 풀어 보면 아마 아래와 같이 될 것입니다.

[{"workDate":"1234","workBatch":"5555","WORK_DATE":"20230804","WORK_BATCH":"1176","SKU_TYPE":"1","SKU_TYPE_NAME":"증정","PACKAGE_TYPE":"","SKU_CODE":"80001585","SKU_NAME":"가나다","SKU_BARCODE":"8809642572317","PLAN_QTY":6},

{"workDate":"1234","workBatch":"5555","WORK_DATE":"20230804","WORK_BATCH":1176","SKU_TYPE":"2", "SKU_TYPE_NAME":"이월","PACKAGE_TYPE":"BOX","SKU_CODE":"8000606","SKU_NAME":"가나다11111","SKU_BARCODE":"8809642570405","PLAN_QTY":2}]

이제 이것을 데이터 원본에 세팅후 출력해 보시면 정상적으로 출력이 되시는 것을 확인하실수 있습니다.
수정된 리포트 파일을 첨부드리니 참고해 주시기 바랍니다.

다만 이것은 아마 예제로써 굉장히 심플한 타입일 것이고 일반적으로는 테이블이 나눠져 있음에 따라 두개의 테이블을 공통영역으로 묶어내는 것에 대한 궁금증이 있으실수도 있습니다.
예를 들면 인적 정보에 대한 테이블과 개인에 대한 상세 정보 테이블이 나눠져 있는 경우가 있을수 있습니다.
이것에 대한 조금더 자세한 설명은 아래의 글을 참고해 주시면 됩니다.

추가적으로 궁금하신 사항은 다시 문의남겨 주시기 바랍니다.

감사합니다.
그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.