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

SpredJS width, height 100% 로 맞추고 싶은데 제대로 표현이 안됩니다. > Q&A | 토론

본문 바로가기

SpreadJS

Q&A | 토론

기타 SpredJS width, height 100% 로 맞추고 싶은데 제대로 표현이 안됩니다.

페이지 정보

작성자 집념 작성일 2021-02-08 14:09 조회 2,410회 댓글 0건
제품 버전 : 12.1.3
컨트롤 이름 : SpreadJS

본문

첨부파일

안녕하세요?


일단 아래 그림 참고하시면 


1번 에서 Open 버튼 클릭시 2번 처럼 틀이 유지가 되면서 왼쪽 메뉴가 나오도록 해놨습니다.


3번은 


<div id="vs1" style="width:100%;height:100%"></div>


조건으로 SpreadJS 활성화 시키면 나오는 화면인데 크기가 약간 넘쳐서 나옵니다.

(스크롤 생겨 버립니다.)


4번은 Open 버튼 실행시 SpreadJS가 줄지 않고 크기만큼 늘어나 버리는 현상입니다.



질문

1. 초기 width:100%; height:100% 인 경우 div 안에 딱 맞게 크기를 조정 할 수 잇을까요?


2. SpreadJS 를 감싸고 있는 DIV 크기가 변할 때 해당 DIV 크기에 맞춰 SpreadJS 도 크기를 변경하고 싶습니다.


openNav() 함수에 refresh() 함수를 적용을 했는데 적용이 안됩니다.


브라우저 크기를 약간 조정하면 그 때 해당 div 크기에 변경이 됩니다.


그리고 변경이 되더라도 질문 1번(그림 3번) 처럼 됩니다.


소스 첨부했습니다. 확인 부탁드립니다.



1번


2번


3번


4번

 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

기타 Re: SpredJS width, height 100% 로 맞추고 싶은데 제대로 표현이 안됩니다.

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

페이지 정보

작성자 GCK루카스 작성일 2021-02-10 10:30 댓글 0건

본문

첨부파일

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


해당 샘플에서도 Spread의 width, height가 100%로 설정되어 있습니다만, 그 밖에 border가 표현되어 있어 브라우저에 스크롤바가 생기는 것으로 보여집니다.

Border 제거 시 정확하게 100%로 표현이 됩니다.


openNav() 시 .BD의 transition이 0.5s로 표현되어 있어 너비가 시간을 두고 변경되지만 refresh()는 곧바로 적용되기 때문에 문제가 발생한 것으로 보여집니다.

.BD의 style을 선언하신 부분의 transition을 제거해 주시기 바랍니다.


수정한 샘플을 첨부해 드리니 참고해 주시기 바랍니다.


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


감사합니다.

그레이프시티 드림

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

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