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

몇가지 문의드립니다. > Q&A | 토론

본문 바로가기

ActiveReportsJS

Q&A | 토론

ReactJS 몇가지 문의드립니다.

페이지 정보

작성자 겨우네자 작성일 2022-12-01 15:13 조회 498회 댓글 0건
제품 버전 : v3.1

본문

안녕하세요. active reportsjs react를 활용하여 보고서 모듈을 개발중에 있습니다.


1. 내보내기 패널 생성안됨

 - 아래 코드로 작성했는데 내보내기 패널이 활성화가 되지 않고 있습니다.

 import React, {useEffect, useState, useRef} from 'react';

// import ReactDOM from 'react-dom';
import '@grapecity/activereports/styles/ar-js-ui.css';
import '@grapecity/activereports/styles/ar-js-viewer.css';
import {Viewer} from '@grapecity/activereports-react';
import '@grapecity/activereports/pdfexport';
import '@grapecity/activereports/htmlexport';


const exportsSettings = {
    pdf: {
      title: query.jobName,
      subject: query.jobName + '분석의뢰서',
      printing: 'highResolution',
      copying: true,
      modifying: false,
      annotating: false,
      contentAccessibility: false,
      documentAssembly: false,
      autoPrint: true,
      filename: query.jobName + '.pdf',
    },
  };



<Spin tip='Loading...' spinning={loading}>
        <div id='viewer-host'>
          <Viewer
            ref={viewerRef}
            availableExports={['pdf', 'xlsx']}
            exportsSettings={exportsSettings}
            documentLoaded={(e) => documentLoaded(e)}
            reportLoaded={(e) => reportLoaded(e)}
            sidebarVisible={true}
          />
        </div>
      </Spin>


 




2. 연속페이지 옵션설정

 - 가이드 문서를 보면

 $continuouspagemode 옵션이 있어서 가능할것 같은데 기본을 연속페이지로 설정해서

 상단툴바에서의 페이지이동이 아닌 스크롤을 이용해서 페이지이동을 시키고 싶습니다.



3.richtext에 이미지 표현

  - 이미지가 포함된 내용을 레포트에 바인딩후 확인하면 이미지 사이즈가 조그맣게 줄어서 표현됩니다.


위 3가지 사항 가이드 부타드리겠습니다.


감사합니다~

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

댓글목록

등록된 댓글이 없습니다.

7 답변

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 GCK폴 작성일 2022-12-01 17:50 댓글 0건

본문

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


우선 1번에 대한 답변을 먼저 드리자면 xlsxexport에 대한 선언이 빠져 있는 것 같습니다.

해당 부분 추가하신 상태에서 다른 세팅부분 모두 주석 처리 하시고 뷰어만 로딩했을때에도 동일한 문제가 발생하는지 확인 부탁 드립니다.

만일 그렇게 했을때에는 정상 출력이 된다면 하나씩 세팅 추가하시면서 원인을 찾아 보시면 좋을것 같습니다.


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

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 겨우네자 작성일 2022-12-02 08:11 댓글 1건

본문

안녕하세요. 짚어주신 내용은 이미 해보았습니다만 전혀 동작하지를 않고 있습니다.

내보내기를 클릭하면 상단에 EXPORT란 문구만 나오고 있습니다


 


감사합니다


 

댓글목록

GCK폴님의 댓글

GCK폴 작성일

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

참조 방식이 약간 다른듯 합니다.
아래와 같이 넣어 보어서 확인을 부탁 드리겠습니다.

import { Core, PdfExport } from "@grapecity/activereports";
import { Core, HtmlExpor} from "@grapecity/activereports";
import { Core, TabularDataExport } from "@grapecity/activereports";


감사합니다.

그레이프시티 드림

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 GCK폴 작성일 2022-12-06 11:39 댓글 0건

본문

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


혹시 3번 문제의 재현을 위해 간단한 샘플을 제공해 주실수 있으실까요?

그리고 해당 이미지를 바로 첨부하신 것일까요?

아니면 URL형태로 형태로 추가하신 것일까요?


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 겨우네자 작성일 2022-12-08 15:21 댓글 0건

본문

안녕하세요.


우선 3번 케이스의 경우

ckeditor에 이미지를 붙여넣으면 바이너리로 읽어서 base64로 인코딩해서 NCLOB필드에 저장하고 있습니다.

개발장소의 네트웍 보안때문에 이미지캡쳐를 할 수가 없는 상황입니다.


참고로 1번 케이스의 경우

CSS에서 오류가 나서 레이어 최하단에 배치되어 보여지지가 않았던 것이였습니다.

디버깅해서 수정처리해서 지금은 문제없이 나오고 있습니다.



감사합니다.

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 GCK폴 작성일 2022-12-12 09:55 댓글 0건

본문

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


2번문의의 경우 아래와 같이 코딩하시면 됩니다.

viewer.viewMode='Continuous';


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

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 GCK폴 작성일 2022-12-12 19:17 댓글 0건

본문

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


그러시다면 3번문의를 재현할수 있는 정보가 조금더 필요할것 같습니다.

아시는 것처럼 RichText(서식 있는 텍스트)는 HTML의 값을 읽어 올수 있습니다.

그렇다면 여기에 <img src = "이미지 주소" >나 <a href="이미지 주소" target="_blank"><a> 와 같은 방법으로 이미지를 첨부하셨다는 이야기 이실까요?

따라할수 있는 단계별 방법을 부탁 드립니다.


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

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 몇가지 문의드립니다.

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

페이지 정보

작성자 겨우네자 작성일 2022-12-13 13:44 댓글 0건

본문

안녕하세요.


3번케이스의 경우 게시판에 글 쓰듯이 에디터(ckeditor)에 작업자가 작업내용을 작성하고 관련 이미지를 

드래그앤드롭으로 붙여넣는 패턴입니다.


base64로 인코딩되어 nclop필드에 저장되고 불러옵니다.

불러오는 내용은 아래와같습니다.

<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqsAAAHMCAYAAADyAuGOAAAgAElEQVR4nOzde1RVdf4/....................................................>


연속보기모드의 경우 디폴트로 연속보기가 실행되어 스크롤이 생기기는 하는데 2페이지에는 흰공백만 표시됩니다.

연속보기모드 버튼을 클릭해야 2페이지 표시데이터가 정상적으로 표시되고 있습니다.


지원에 감사드립니다.


댓글목록

등록된 댓글이 없습니다.

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