하기와 같이 출력이 가능할지 문의 > Q&A | 토론

본문 바로가기

ActiveReportsJS

Q&A | 토론

VueJS 하기와 같이 출력이 가능할지 문의

페이지 정보

작성자 kismet 작성일 22-09-16 12:13 조회 109회 댓글 0건
제품 버전 : ActiveReportJS

본문

첨부파일

안녕하세요

첨부한 이미지와 같이 출력이 가능할지 문의 드립니다

우선 학과, 학생은 몇 개가 올지 알 수가 없는 상태이고요

데이터 형식이 제가 봤을 때 key값으로 학과를 잡고

가로로 뿌려지는 형태가 되야되지 않을까 싶은데요

그럼 DATA 매핑을 어떤식으로 넣어야 할지 고민했지만 알 수가 없어 문의 드립니다.

혹시 첨부한 이미지와 같이 개발이 가능하다면 어찌해야 하는지 상세히

알려주시면 감사하겠습니다


감사합니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 하기와 같이 출력이 가능할지 문의

페이지 정보

작성자 GCK폴 작성일 22-09-20 09:48 댓글 0건

본문

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


먼저 결론부터 말씀 드리면 꽤 비슷하게 만들수는 있겠습니다만 아쉽게도 일부 지원하지 않는 기능이 있습니다.

또한 디자인의 복잡성 때문에 ARJS를 통해 그러한 리포트를 만드는 것을 추천드리기는 어려울것 같습니다.

보내주신 형식의 리포트를 만들기 위해서는 우선 상단의 학과별 리포트와 하단의 Quality 리포트를 별도로 나눠서 봐야할것 같습니다.

하단의 리포트는 형식이 비교적 단순하기 때문에 상단의 학과별 리포트를 기준으로 제작해 보면 됩니다.


먼저 가로형 리포트 이기 때문에 가로 형식으로 리포트를 변경 합니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635059_205.PNG
 

이제 Tablix컨트롤을 디자이너로 옮겨 옵니다.

최초에 나오는 마법사 화면은 닫아 줍니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635147_1678.PNG
 


이제 구성된 DB를 연결해줄 차례입니다.

저는 보내주신 학과와 상,중,하에 해당하는 항목이 Name과 Fruit입니다.

그리고 거기에 따른 세부 값들은 results라는 항목으로 배열로 존재합니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635181_8297.PNG
 

 


이 results에서는 size, brix, certification, color와 같은 배열 항목이 들어가 있습니다.

 499b5b77ff3ddc9e456d4df8c2075435_1663635223_4084.PNG 


이제 다시 Tablix 화면으로 가서 우선 왼편의 열은 필요 없기 때문에 열을 하나 삭제 합니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635287_0832.PNG
 


그리고 행을 하나 추가해 name과 fruit를 할당 합니다. 

499b5b77ff3ddc9e456d4df8c2075435_1663635314_7856.PNG
 

이제 results에 해당하는 항목을 보여주어야 하는에 하나의 Tablix에서는 여러 데이터 집합을 사용할수 없습니다.

그래서 추가로 Tablix를 끌어다가 하단의 셀에 추가합니다.

그렇게 하면 셀 안쪽에 Tablix가 추가로 들어가게 됩니다.

역시 마법사 화면이 나오게 되는데 이것 또한 닫아 줍니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635340_4181.PNG
 


해당 Tablix의 데이터집합은 results로 바꿔줍니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635400_3831.PNG
 

그리고 results의 항목을 위해 내부 그룹 - 아래에 항목을 추가해 줍니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635418_8961.PNG
 

왼편의 항목은 의미 없기 때문에 열 삭제를 해줍니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635362_3031.PNG
 


이제 테두리까지 설정하면 대략 이런식으로 화면을 구성하실수 있습니다.

499b5b77ff3ddc9e456d4df8c2075435_1663635454_399.PNG
 

다만 이렇게 구성을 하여 비슷하게 구성을 해 나가실수 있지만 가장 큰 문제는 GAP부분을 병합해서 하나의 셀로 만드는 기능이 없습니다.

아니면 아예 해당 행이 같을 경우 모두 병합을 해버릴것이라 옆 행에 같은 값이 있을 경우 모든 행이 하나로 출력이 되어 버리는 문제가 있습니다.


또한 실제로 만들어 보니 제작에 복잡성이나 셀들의 크기를 맞추는데에 대한 문제들이 보여져 이러한 복잡한 리포트를 만드실때는 ARJS는 추천드리기 어려울 것으로 보여집니다.

전에 추천 드린 바와 같이 차라리 SpreadJS를 사용하시어 테이블 바인딩을 하시는 것이 구성을 하시는 데에 더 유리할것으로 생각 됩니다.


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

감사합니다,

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2022 GrapeCity inc.