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

print 기능 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

SpreadJS

Q&A | 토론 - VueJS

VueJS print 기능

페이지 정보

작성자 oe52
프로필 보기 쪽지 보내기
작성일 2023-12-11 16:06 조회 104회 댓글 0건
제품 버전 : 16.0.2

본문

안녕하세요.


spreadjs를 사용하여 웹에서 엑셀 print를 구현중입니다.


제가 원하는 방식은 

1. 화면상에서는 spreadjs의 엑셀화면이 보이지 않지만,

특정 버튼 클릭시 print버튼을 눌렀을때 처럼 인쇄 미리보기가 뜨도록 하고싶습니다.


2. 인쇄 미리보기에서의 화면은 제가 커스텀한 레이아웃내에 DB조회된 값들과 제가 임의로 넣을 텍스트들이 들어가도록 개발하려합니다. 


항상 개발작업시 spreadjs의 엑셀화면이 보이도록 구현했었기 때문에

제가 원하는 방식이 가능한지 궁금합니다.


감사합니다.

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

댓글목록

등록된 댓글이 없습니다.

2 답변

VueJS Re: print 기능

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

페이지 정보

작성자 MESCIUS써니
프로필 보기 쪽지 보내기
작성일 2023-12-12 16:45 댓글 1건

본문

oe52 님, 안녕하세요.

메시어스입니다.


SpreadJS의 엑셀 화면이 보이지 않을 때에도 SpreadJS의 인쇄 기능을 사용하실 수 있습니다.

아래 샘플 코드에서 Spread 컨트롤을 호스팅하는 DIV 태그를 숨겼을 때에도, "인쇄"버튼을 누르면 인쇄 미리보기 화면이 뜨는 것을 확인하실 수 있습니다.



인쇄 미리보기에 화면에는 SpreadJS 상에 입력된 데이터들이 보여집니다. 말씀하신 "커스텀한 레이아웃, DB 조회된 값, 임의로 넣은 텍스트들"이 SpreadJS에 설정/입력된 내용이라면, 일반적으로 인쇄 미리보기 화면에 나타날 것으로 예상됩니다.


다만 기능상 인쇄할 수 없는 몇가지 사항들이 있습니다. 아래 링크된 데모에서 인쇄 가능/불가능한 내용을 확인하실 수 있으니, 참고 바랍니다.

- 사용자 정의 인쇄 데모


[프리미엄 회원 전환 안내]

라이선스를 보유하고 계신다면, 누구나 추가 비용 없이 메시어스 포럼 프리미엄 회원이 될 수 있습니다.

프리미엄 회원으로 전환 시, 기술 문의에 대하여 우선 지원 받으실 수 있습니다.

아래 링크를 통해 프리미엄 회원 전환 방법 및 혜택 안내를 살펴보시길 바랍니다.

- MESCIUS 개발자 포럼 | 프리미엄 회원 전환 방법 및 혜택 안내


감사합니다.

메시어스 드림

댓글목록

oe52님의 댓글

oe52
프로필 보기 쪽지 보내기
작성일

안녕하세요. 추가문의 있어서 댓글 남깁니다.

workbook.print() 부분에서 print 함수를 찾을수 없다는 오류가 발생하고있습니다.

현재 작업중인 파일에
spread-sheets-vue
spread-sheets
spread-sheets-resources-ko
spread-excelio
spread-sheets-print

를 import 중인데, 혹시 별도로 더 필요한 라이브러리가 있을까요?

VueJS Re: print 기능

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

페이지 정보

작성자 MESCIUS써니
프로필 보기 쪽지 보내기
작성일 2023-12-13 17:19 댓글 2건

본문

oe52 님, 안녕하세요.

메시어스입니다.


말씀해주신 라이브러리만 참조했을 때에도 workbook.print() 부분에서 "print 함수를 찾을 수 없다는 오류메세지" 발생 없이 인쇄가 가능합니다. 


정상적으로 동작하는 샘플을 전달 드리니, 작업중이신 파일과 대조하여 다르게 설정된 부분이 있는지 확인해보시기 바랍니다.



감사합니다.

메시어스 드림

댓글목록

oe52님의 댓글

oe52
프로필 보기 쪽지 보내기
작성일

계속 같은 문제 발생하여 재 문의 드립니다.

혹시 몰라 알려주신 코드에서 spPrint() 부분에 this.spread를 console.log로 확인해보았습니다.
여기서 확인하였을땐 IBb라는 부분에 printInfoString, printer 등 콘솔창에서 print로 검색하였을때 검색이 걸리는걸 확인하였으나, 
제 로컬에서 확인하였을땐 IBb라는 부분이 아에 생성되지 않았습니다..

혹시 버전별 상이한 부분이있을까요?
현재 spread-excelio@16.0.3 / spread-sheets@16.0.4 / spread-sheets-print@16.0.3 / spread-sheets-resources-ko@16.0.4 / spread-sheets-tablesheet@16.0.3 / spread-sheets-vue@16.0.4 사용중입니다.

다른 확인사항이나 참고사항있을까요..?

MESCIUS써니님의 댓글의 댓글

MESCIUS써니
프로필 보기 쪽지 보내기
작성일

oe52 님, 안녕하세요.
메시어스입니다.

SpreadJS는 참조된 SpreadJS의 모든 라이브러리의 버전이 일치해야 정상적으로 동작합니다.
댓글로 말씀해주신 일부 라이브러리의 세부 버전이 일치하지 않는 것으로 확인됩니다.
저 또한 샘플에서 spread-excelio@16.0.3, spread-sheets-print@16.0.3로 변경하여 테스트 시
"this.spread.print is not a function"이라는 메세지가 발생합니다.

따라서 말씀하신 라이브러리의 버전을 모두 16.0.4로 일치시킨 후 다시 한 번 테스트해보시길 바랍니다.

감사합니다.
메시어스 드림

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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