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

flexsheet.loadasync() 함수 에러 > Q&A | 토론

본문 바로가기

PureJS flexsheet.loadasync() 함수 에러

페이지 정보

작성자 nxdev1 작성일 2024-01-30 18:30 조회 58회 댓글 0건
제품 버전 : 5.20221.842
컨트롤 이름 : wijmo.grid.sheet

본문

Excel I/O | Grid | JavaScript Wijmo Demos (mescius.com)

안녕하세요 위 문서를 참고하여
엑셀을 import 받고 화면에 띄워주는 기능을 구현하고자 합니다.

아래와 같이 html 코드를 작성하였는데 아래와 같은 에러가 발생합니다.
어떻게 해야 해결할 수 있을지 알려주시면 감사하겠습니다.


+) let excelIOSheet = new wijmo.grid.sheet.FlexSheet('#excelIOSheet');

위 선언부에서 부터 아래와 같은 에러가 발생되는 것으로 확인됩니다.


<input type="file" class="form-control" id="importXlsx" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<button class="importButton"> import</button>
<div id="excelIOSheet"></div>

<script>

$(document).ready(function() {
var treeData = [];
let excelIOSheet = new wijmo.grid.sheet.FlexSheet('#excelIOSheet');

document.querySelector('.importButton').addEventListener('click',() => {
let fileInput = document.querySelector('#importXlsx');
if (fileInput.files[0]) {
debugger
excelIOSheet.loadAsync(fileInput.files[0]);
}
})
})
</script>


5756af636c876caaec698b88ab3675dd_1706606976_7852.png


 

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

댓글목록

등록된 댓글이 없습니다.

4 답변

PureJS Re: flexsheet.loadasync() 함수 에러

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-01-31 10:56 댓글 0건

본문

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


문의하신 에러 메세지가 저희 쪽에서 재현이 되지 않아 정확한 확인이 어려운 상황입니다.  저희 쪽으로 재현 가능한 샘플 프로젝트 및 레퍼런싱한 Wijmo 라이브러리 리스트 또한 공유해주시기 바랍니다. 공유해주신 내용을 바탕으로 재현 및 디버깅 후 답변드리도록 하겠습니다. 


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

PureJS Re: flexsheet.loadasync() 함수 에러

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

페이지 정보

작성자 nxdev1 작성일 2024-01-31 13:48 댓글 0건

본문

첨부파일

5756af636c876caaec698b88ab3675dd_1706676385_0522.png
첨부파일은 위와 같은 에러가 재현되는 간단한 샘플 프로젝트입니다.


프로젝트 내에서도 확인가능한 wijmo 관련 사용한 라이브러리 js 파일입니다.

js/wijmo.min.js
js/wijmo.grid.min.js
js/wijmo.grid.sheet.min.js
js/wijmo.min.css

댓글목록

등록된 댓글이 없습니다.

PureJS Re: flexsheet.loadasync() 함수 에러

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-01-31 15:27 댓글 2건

본문

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


문의하신 현상의 경우, 먼저 레퍼런싱해야 할 wijmo.grid.filter 가 선언되어있지 않아 발생된 것으로 확인되었습니다. 


해당 현상을 해결 및 FlexSheet에서 엑셀 파일을 가져오기 위해서 wjimo.grid.filter 뿐만 아니라 필요 모듈 리스트들을 공유드리오 아래와 같이 순서대로 추가해주시기 바랍니다.


css

wijmo.min.css


js

wijmo.min.js 
wijmo.grid.min.js 
wijmo.input.min.js // filter 컨트롤을 위한 모듈
wijmo.xlsx.min.js // 워크북에 대한 클래스 포함

wijmo.grid.filter.min.js // FlexGrid 컨트롤을 위한 Excel 스타일의 필터링 UI를 제공
wijmo.grid.sheet.min.js // FlexSheet 컨트롤 및 관련 클래스를 정의
wijmo.grid.xlsx.min.js // FlexGridXlsxConverter 클래스를 정의
jszip.min.js // ZIP 파일 생성, 읽기 및 편집을 위한 Javascript 라이브러리

- wijmo.xlsx 클래스(+ jszip 라이브러리 추가 방법)


관련 API 문서를 공유드리오니 참고 부탁 드립니다.


감사합니다.

메시어스 드림 

댓글목록

nxdev1님의 댓글

nxdev1 작성일

기존 프로젝트에
wijmo.grid.filter.min.js
를 추가하니 작동이 되네요. 감사합니다.

추가로 loadasync로 엑셀을 import 받으면
그 엑셀의 사이즈대로 자동으로 height와 width를 맞춰서 조절할 수 있는지 알고 싶습니다.
또는 FlexSheet의 사이즈를 드래그를 통해 조절할 수 있는 방법이 있는지 알고 싶습니다.
감사합니다.

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

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

문의하신 내용에 대해 확인 중에 있으며 업데이트가 되는대로 안내드리겠습니다.

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

PureJS Re: flexsheet.loadasync() 함수 에러

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-02 09:44 댓글 0건

본문

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


문의하신 FlexSheet의 height, width를 데이터 크기(행/열 수)에 따라 자동 크기 조절하는 방법에 대해 안내드립니다. width의 경우, CSS에서 FlexSheet width를 auto로 설정하시고 height의 경우, 내부 설계로 인해 아래 코드와 같이 "_UpdateContainerHeight" 내부 함수를 수정하고 FlexSheet에 대해 원하는 높이를 설정해야 합니다.


wijmo.grid.sheet.FlexSheet.prototype._updateDivContainerHeight = function (
  tabHolderVisible
) {
  this._divContainer.style.height = 'auto';
};


더불어 샘플을 공유드리오니 참고 부탁드립니다.


 


다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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